currently, the ListView.builder widget is scrollable, and it creates an empty space at the top similar to the green area in the layout. Is it possible to standardize it so that there won’t be any gap at the top like the red area, even when scrolled? What I aim for is that when scrolled, the content should move downwards without leaving any empty space at the top. I’ve been trying to achieve this but haven’t succeeded.
Is this issue caused by the Expand widget or by the ListView widget? Could you also provide another solution so that I can try to achieve the same design using that alternative method?
<code> const Padding(
padding: EdgeInsets.only(top: 20.0),
child: Row(mainAxisAlignment: MainAxisAlignment.start, children: [
Text(
"BUGÜN",
style: TextStyle(
fontSize: 20,
fontFamily: "Caviar",
fontWeight: FontWeight.bold),
),
]),
),
Expanded(
child: ListView.builder(
itemCount: (stringList.length / 5).ceil(),
itemBuilder: (BuildContext context, int index) {
return Padding(
padding: const EdgeInsets.only(top: 5),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: List.generate(
5,
(subIndex) {
final elementIndex = index * 5 + subIndex;
if (elementIndex < stringList.length) {
return SaatWidget(
text: stringList[elementIndex], id: 1);
} else {
return const SizedBox.shrink();
}
},
),
),
);
},
),
),
const Padding(
padding: EdgeInsets.only(top: 15.0),
child: Row(mainAxisAlignment: MainAxisAlignment.start, children: [
Text(
"YARIN",
style: TextStyle(
fontSize: 20,
fontFamily: "Caviar",
fontWeight: FontWeight.bold),
),
]),
),
Expanded(
child: ListView.builder(
itemCount: (stringList.length / 5).ceil(),
itemBuilder: (BuildContext context, int index) {
return Padding(
padding: const EdgeInsets.only(top: 5),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: List.generate(
5,
(subIndex) {
final elementIndex = index * 5 + subIndex;
if (elementIndex < stringList.length) {
return SaatWidget(
text: stringList[elementIndex], id: 1);
} else {
return const SizedBox.shrink();
}
},
),
),
);
},
),
),
const Padding(
padding: EdgeInsets.only(top: 15.0),
child: Row(mainAxisAlignment: MainAxisAlignment.start, children: [
Text(
"ERTESI GÜN",
style: TextStyle(
fontSize: 20,
fontFamily: "Caviar",
fontWeight: FontWeight.bold),
),
]),
),
Expanded(
child: ListView.builder(
physics: const BouncingScrollPhysics(),
itemCount: (stringList.length / 5).ceil(),
itemBuilder: (BuildContext context, int index) {
return Padding(
padding: const EdgeInsets.only(top: 5),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: List.generate(
5,
(subIndex) {
final elementIndex = index * 5 + subIndex;
if (elementIndex < stringList.length) {
return SaatWidget(
text: stringList[elementIndex], id: 1);
} else {
return const SizedBox.shrink();
}
},
),
),
);
},
),
),
</code>
<code> const Padding(
padding: EdgeInsets.only(top: 20.0),
child: Row(mainAxisAlignment: MainAxisAlignment.start, children: [
Text(
"BUGÜN",
style: TextStyle(
fontSize: 20,
fontFamily: "Caviar",
fontWeight: FontWeight.bold),
),
]),
),
Expanded(
child: ListView.builder(
itemCount: (stringList.length / 5).ceil(),
itemBuilder: (BuildContext context, int index) {
return Padding(
padding: const EdgeInsets.only(top: 5),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: List.generate(
5,
(subIndex) {
final elementIndex = index * 5 + subIndex;
if (elementIndex < stringList.length) {
return SaatWidget(
text: stringList[elementIndex], id: 1);
} else {
return const SizedBox.shrink();
}
},
),
),
);
},
),
),
const Padding(
padding: EdgeInsets.only(top: 15.0),
child: Row(mainAxisAlignment: MainAxisAlignment.start, children: [
Text(
"YARIN",
style: TextStyle(
fontSize: 20,
fontFamily: "Caviar",
fontWeight: FontWeight.bold),
),
]),
),
Expanded(
child: ListView.builder(
itemCount: (stringList.length / 5).ceil(),
itemBuilder: (BuildContext context, int index) {
return Padding(
padding: const EdgeInsets.only(top: 5),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: List.generate(
5,
(subIndex) {
final elementIndex = index * 5 + subIndex;
if (elementIndex < stringList.length) {
return SaatWidget(
text: stringList[elementIndex], id: 1);
} else {
return const SizedBox.shrink();
}
},
),
),
);
},
),
),
const Padding(
padding: EdgeInsets.only(top: 15.0),
child: Row(mainAxisAlignment: MainAxisAlignment.start, children: [
Text(
"ERTESI GÜN",
style: TextStyle(
fontSize: 20,
fontFamily: "Caviar",
fontWeight: FontWeight.bold),
),
]),
),
Expanded(
child: ListView.builder(
physics: const BouncingScrollPhysics(),
itemCount: (stringList.length / 5).ceil(),
itemBuilder: (BuildContext context, int index) {
return Padding(
padding: const EdgeInsets.only(top: 5),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: List.generate(
5,
(subIndex) {
final elementIndex = index * 5 + subIndex;
if (elementIndex < stringList.length) {
return SaatWidget(
text: stringList[elementIndex], id: 1);
} else {
return const SizedBox.shrink();
}
},
),
),
);
},
),
),
</code>
const Padding(
padding: EdgeInsets.only(top: 20.0),
child: Row(mainAxisAlignment: MainAxisAlignment.start, children: [
Text(
"BUGÜN",
style: TextStyle(
fontSize: 20,
fontFamily: "Caviar",
fontWeight: FontWeight.bold),
),
]),
),
Expanded(
child: ListView.builder(
itemCount: (stringList.length / 5).ceil(),
itemBuilder: (BuildContext context, int index) {
return Padding(
padding: const EdgeInsets.only(top: 5),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: List.generate(
5,
(subIndex) {
final elementIndex = index * 5 + subIndex;
if (elementIndex < stringList.length) {
return SaatWidget(
text: stringList[elementIndex], id: 1);
} else {
return const SizedBox.shrink();
}
},
),
),
);
},
),
),
const Padding(
padding: EdgeInsets.only(top: 15.0),
child: Row(mainAxisAlignment: MainAxisAlignment.start, children: [
Text(
"YARIN",
style: TextStyle(
fontSize: 20,
fontFamily: "Caviar",
fontWeight: FontWeight.bold),
),
]),
),
Expanded(
child: ListView.builder(
itemCount: (stringList.length / 5).ceil(),
itemBuilder: (BuildContext context, int index) {
return Padding(
padding: const EdgeInsets.only(top: 5),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: List.generate(
5,
(subIndex) {
final elementIndex = index * 5 + subIndex;
if (elementIndex < stringList.length) {
return SaatWidget(
text: stringList[elementIndex], id: 1);
} else {
return const SizedBox.shrink();
}
},
),
),
);
},
),
),
const Padding(
padding: EdgeInsets.only(top: 15.0),
child: Row(mainAxisAlignment: MainAxisAlignment.start, children: [
Text(
"ERTESI GÜN",
style: TextStyle(
fontSize: 20,
fontFamily: "Caviar",
fontWeight: FontWeight.bold),
),
]),
),
Expanded(
child: ListView.builder(
physics: const BouncingScrollPhysics(),
itemCount: (stringList.length / 5).ceil(),
itemBuilder: (BuildContext context, int index) {
return Padding(
padding: const EdgeInsets.only(top: 5),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: List.generate(
5,
(subIndex) {
final elementIndex = index * 5 + subIndex;
if (elementIndex < stringList.length) {
return SaatWidget(
text: stringList[elementIndex], id: 1);
} else {
return const SizedBox.shrink();
}
},
),
),
);
},
),
),