Yamada

Yamada

  • アプリ開発マガジン

    • 107本

    株式会社Pentagonでは、「アプリを駆使した事業を立ち上げたい」方のために、アプリの設計・デザイン・開発までまるっとサポートしています。当社では、日々の学びをnoteに執筆することにしています。自ら学び・学びを共有し・共有することで皆が成長することを目指しています🙌

【Flutter】Textの内容が大きすぎる場合の対応方法

こんにちは、株式会社Pentagonでアプリ開発をしている山田です。 https://pentagon.tokyo 今回はFlutterを使い始めた私がつまづいた箇所として、Textが長くなった場合の対処法をまとめました。 ■ つまずいた点 開発をしていると以下の様なところでつまずきました。 return ListView(children: <Widget>[ new Card( child: new Container( paddi

Yamada

    • [Flutter]flutter_reaction_button画面がおかしくなった時の対処法

      こんにちは、株式会社Pentagonでアプリ開発をしている山田です。 https://pentagon.tokyo 今日は、flutter_reaction_buttonのプラグインを使っていたら、おかしな挙動に引っかかってしまったので、その解決した方法を記載します。 ■ 問題とする挙動こちらの挙動をまず見て下さい。 この様に、リアクションボタンをおうかすると、下の画面も移動し、ズレたリアクションボタンのPreviewが表示されます。 ■ 参考になった解決方法 こち

      Yamada

      • 【Flutter】flutter_staggered_grid_view プラグインの使い方

        こんにちは、株式会社Pentagonでアプリ開発をしている山田です。 https://pentagon.tokyo 今日は、現在開発中のアプリで使われているflutter_staggered_grid_viewプラグインについて学んだのでまとめたいと思います。 1. flutter_staggered_grid_view プラグインとは？このプラグインは簡単に説明すると、様々なサイズに対応したGirdViewを生成するためのプラグインとなっています。 例えば、以下のよう

        Yamada

        • 【Flutter】Share plugin の使い方

          こんにちは、株式会社Pentagonでアプリ開発をしている山田です。 https://pentagon.tokyo 今日は、Share pluginの使い方についてまとめていきます。 1. Share plugin とは？これは、Flutter Community Plus Plugins というFlutter 公式のコミュニティーが作成しているプラグインの一つです。 Share pluginの機能としましては、各種プラットフォーム（email, SMS, SNS e

          Yamada

        【Flutter】Textの内容が大きすぎる場合の対応方法

        Yamada

        マガジン

        • アプリ開発マガジン
          107本

        記事

          【Flutter】flutter_reaction_button の使い方

          こんにちは、株式会社Pentagonでアプリ開発をしている山田です。 https://pentagon.tokyo 今日は、パッケージのflutter_reaction_buttonの使い方についてまとめていきます。 1. flutter_reaction_button とは？こちらは、Flutterのパッケージである、FaceBook や 様々なSNSで用いられている、いいね等のリアクションを実装するためのパッケージになっています。 2. インストール方法こちらは、

          Yamada

          【Flutter】flutter_reaction_button の使い方

          Yamada

          【Flutter】フルスクリーンでの背景画像

          今日は、背景画像をフルスクリーンで表示させる際について2パターンの方法を記載します。 ■ Stack Widgets を用いた表示方法 stack widgets は複数の子widgetsを重ね合わせたい時に使います。 Positioned.fill　を使うことによって、隙間なくimageを埋めることができます。 class MyPage extends StatelessWidget { @override Widget build(BuildContext cont

          Yamada

          【Flutter】フルスクリーンでの背景画像

          Yamada

          【Flutter】Formのvalidation checkの方法

          今日は、Formのvalidation checkについて学んだので簡単にまとめたいと思います。 ■【前提条件1】validator を使うには、Form widgetで囲む必要がある。入力した数値をチェックする際に、Form widget で包含する必要があります。 ■【前提条件2】Global key を定義する。 このGlobal keyは、要素を一意に識別する為のものです。そして、他のオブジェクトを結びつける為のものでもあります。 上記の前提条件を記載すると、以

          Yamada

          【Flutter】Formのvalidation checkの方法

          Yamada