teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問画面のスクロール【Flutter】

編集履歴

質問編集履歴

10

書式の改善

2020/06/20 03:53

投稿

kazuki_user
kazuki_user

スコア147

test CHANGED
File without changes
test CHANGED
@@ -130,44 +130,6 @@
130
130
 
131
131
 
132
132
 
133
- 普段は、```SliverToBoxAdapter```と、```ListView```を使って正常にスクロールが動作するのですが...
134
-
135
- 以下の条件分岐に問題でもあるのでしょうか...？
136
-
137
-
138
-
139
- (上記コード抜粋)
140
-
141
-
142
-
143
- ```Flutter
144
-
145
- staggeredTiles: List.generate((18), (int index) {
146
-
147
- int remain = index % 18;
148
-
149
- if (remain == 1 || remain == 9) {
150
-
151
- return StaggeredTile.count(2, 2);
152
-
153
- } else
154
-
155
- return StaggeredTile.count(1, 1);
156
-
157
- }),
158
-
159
- ```
160
-
161
-
162
-
163
- ---
164
-
165
-
166
-
167
-
168
-
169
-
170
-
171
133
  以下、スクリーンショットです。
172
134
 
173
135
 

9

誤字

2020/06/20 03:53

投稿

kazuki_user
kazuki_user

スコア147

test CHANGED
@@ -1 +1 @@
1
- 画面をスクロールしたい【Flutter】
1
+ 画面のスクロール【Flutter】
test CHANGED
File without changes

8

書式の改善

2020/06/20 03:02

投稿

kazuki_user
kazuki_user

スコア147

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,8 @@
1
1
  Instagram風のアプリを作成しています。
2
2
 
3
3
  画面がスクロールできません。
4
+
5
+
4
6
 
5
7
 
6
8
 

7

書式の改善

2020/06/20 03:02

投稿

kazuki_user
kazuki_user

スコア147

test CHANGED
File without changes
test CHANGED
@@ -22,6 +22,10 @@
22
22
 
23
23
 
24
24
 
25
+ 尚、エラー文は表示されていません。
26
+
27
+
28
+
25
29
 
26
30
 
27
31
 
@@ -32,9 +36,7 @@
32
36
 
33
37
 
34
38
 
35
- **body**のコードです。
39
+ 以下、**body**のコードです。
36
-
37
- 尚、エラーは表示されていません。
38
40
 
39
41
 
40
42
 

6

書式の改善

2020/06/19 14:11

投稿

kazuki_user
kazuki_user

スコア147

test CHANGED
File without changes
test CHANGED
@@ -22,7 +22,7 @@
22
22
 
23
23
 
24
24
 
25
- 尚、エラーは表示されていません。
25
+
26
26
 
27
27
 
28
28
 
@@ -32,9 +32,9 @@
32
32
 
33
33
 
34
34
 
35
- **body**に異常があるので、AppBarは掲載しておりません。
35
+ **body**のコードです。
36
36
 
37
- ご希望があれば、ご連絡ください。
37
+ 尚、エラーは表示されていません。
38
38
 
39
39
 
40
40
 

5

書式の改善

2020/06/19 14:11

投稿

kazuki_user
kazuki_user

スコア147

test CHANGED
File without changes
test CHANGED
@@ -122,71 +122,45 @@
122
122
 
123
123
  ```
124
124
 
125
+ ---
125
126
 
126
127
 
128
+
129
+ 普段は、```SliverToBoxAdapter```と、```ListView```を使って正常にスクロールが動作するのですが...
130
+
127
- #### Widget _tagItem
131
+ 以下の条件分岐に問題でもあるのでしょうか...？
132
+
133
+
134
+
135
+ (上記コード抜粋)
128
136
 
129
137
 
130
138
 
131
139
  ```Flutter
132
140
 
133
- Widget _tagItem(String title) {
141
+ staggeredTiles: List.generate((18), (int index) {
134
142
 
135
- return Container(
143
+ int remain = index % 18;
136
144
 
137
- margin: EdgeInsets.all(10),
145
+ if (remain == 1 || remain == 9) {
138
146
 
139
- child: Container(
147
+ return StaggeredTile.count(2, 2);
140
148
 
141
- margin: EdgeInsets.all(5),
149
+ } else
142
150
 
143
- child: Text(title),
151
+ return StaggeredTile.count(1, 1);
144
152
 
145
- ),
153
+ }),
146
-
147
- decoration: BoxDecoration(
148
-
149
- border: Border.all(color: Colors.grey),
150
-
151
- borderRadius: BorderRadius.all(
152
-
153
- Radius.circular(5)
154
-
155
- ),
156
-
157
- ),
158
-
159
- );
160
-
161
- }
162
-
163
- ```
164
-
165
-
166
-
167
- ####Widget _gridItem
168
-
169
-
170
-
171
- ```Flutter
172
-
173
- Widget _gridItem(int i) {
174
-
175
- return Image.asset(
176
-
177
- 'images/Insta$i.jpg',
178
-
179
- fit: BoxFit.cover,
180
-
181
- );
182
-
183
- }
184
154
 
185
155
  ```
186
156
 
187
157
 
188
158
 
189
159
  ---
160
+
161
+
162
+
163
+
190
164
 
191
165
 
192
166
 

4

書式の改善

2020/06/19 14:10

投稿

kazuki_user
kazuki_user

スコア147

test CHANGED
File without changes
test CHANGED
@@ -18,7 +18,11 @@
18
18
 
19
19
 
20
20
 
21
- ●しかし、```SliverStaggeredGrid.count```では、**効果なし**です????
21
+ ●しかし、```SliverStaggeredGrid.count```では、**反応がありません。**????
22
+
23
+
24
+
25
+ 尚、エラーは表示されていません。
22
26
 
23
27
 
24
28
 

3

書式の改善

2020/06/19 13:28

投稿

kazuki_user
kazuki_user

スコア147

test CHANGED
@@ -1 +1 @@
1
- 画面をスクロールしたい.
1
+ 画面をスクロールしたい【Flutter】
test CHANGED
File without changes

2

書式の改善

2020/06/19 10:41

投稿

kazuki_user
kazuki_user

スコア147

test CHANGED
@@ -1 +1 @@
1
- Insta風の画面をスクロールしたい【physics: BouncingScrollPhysics()】実行済。
1
+ 画面をスクロールしたい.
test CHANGED
File without changes

1

書式の改善

2020/06/19 10:41

投稿

kazuki_user
kazuki_user

スコア147

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
 
6
6
 
7
- ●```physics: BouncingScrollPhysics(),```は実行しましたが、写真部分がスクロールできません????
7
+ ●```physics: BouncingScrollPhysics(),```は実行しましたが、**写真部分がスクロールできません**????
8
8
 
9
9
 
10
10
 
@@ -14,11 +14,11 @@
14
14
 
15
15
 
16
16
 
17
- ●```SliverToBoxAdapter```では、```physics: BouncingScrollPhysics(),```を実行して、スクロールは正常です。
17
+ ●```SliverToBoxAdapter```では、```physics: BouncingScrollPhysics(),```を実行して、スクロールは**正常**です。
18
18
 
19
19
 
20
20
 
21
- ●しかし、```SliverStaggeredGrid.count```では、効果なしです????
21
+ ●しかし、```SliverStaggeredGrid.count```では、**効果なし**です????
22
22
 
23
23
 
24
24