質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Android Studio

Android Studioは、 Google社によって開発された、 Androidのネイティブアプリケーション開発に特化した統合開発ツールです。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。

Android Emulator

Android EmulatorはアンドロイドのOSで起動しているアンドロイドのデバイスの機能をシミュレートするソフトウェアです。Emulatorは開発者に複数の違う設定を持ったデバイスを必要とすることなくアプリケーションを開発しテストすることが可能になります。

Q&A

解決済

1回答

867閲覧

画面のスクロール【Flutter】

kazuki_user

総合スコア147

Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Android Studio

Android Studioは、 Google社によって開発された、 Androidのネイティブアプリケーション開発に特化した統合開発ツールです。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。

Android Emulator

Android EmulatorはアンドロイドのOSで起動しているアンドロイドのデバイスの機能をシミュレートするソフトウェアです。Emulatorは開発者に複数の違う設定を持ったデバイスを必要とすることなくアプリケーションを開発しテストすることが可能になります。

0グッド

0クリップ

投稿2020/06/19 05:33

編集2020/06/20 03:53

Instagram風のアプリを作成しています。
画面がスクロールできません。

physics: BouncingScrollPhysics(),は実行しましたが、写真部分がスクロールできません????


以下に、body等のコードを掲載しました。

SliverToBoxAdapterでは、physics: BouncingScrollPhysics(),を実行して、スクロールは正常です。

●しかし、SliverStaggeredGrid.countでは、反応がありません。????

尚、エラー文は表示されていません。


以下、bodyのコードです。

####Body

Flutter

1body: CustomScrollView( 2 physics: BouncingScrollPhysics(), 3 slivers: <Widget>[ 4 SliverToBoxAdapter( 5 child: Container( 6 margin: EdgeInsets.only(top: 5), 7 height: 48, 8 child: ListView( 9 physics: BouncingScrollPhysics(), 10 scrollDirection: Axis.horizontal, 11 children: <Widget>[ 12 _tagItem("Style"), 13 _tagItem("Science & Tech"), 14 _tagItem("Flutter"), 15 _tagItem("Instagram"), 16 _tagItem("Sports"), 17 ], 18 ), 19 ), 20 ), 21 SliverStaggeredGrid.count( 22 crossAxisCount: 3, 23 mainAxisSpacing: 3, 24 crossAxisSpacing: 3, 25 children: List.generate(18, (int i) { 26 return _gridItem(i); 27 }), 28 staggeredTiles: List.generate((18), (int index) { 29 int remain = index % 18; 30 if (remain == 1 || remain == 9) { 31 return StaggeredTile.count(2, 2); 32 } else 33 return StaggeredTile.count(1, 1); 34 } 35 ), 36 ), 37 ], 38 ),

以下、スクリーンショットです。

お時間あるときにご返信いただければ、幸いです。

Insta

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

flutter_staggered_grid_view の最新版の導入(^0.3.0)????

投稿2020/06/21 00:50

kazuki_user

総合スコア147

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問