How do I add a container at the end of my grid view in Flutter?
I have a GridView and I want to add a bannerAd after the gridview scroll ends. The bannerAd is called from the dependency https://github.com/kmcgill88/admob_flutter. The code for the GridView is as follows
Widget build(BuildContext context) {
SystemChrome.setEnabledSystemUIOverlays([]);
return WillPopScope(
onWillPop: () async {
return true;
},
child: Scaffold(
body: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [const Color(0xFFFEFEFE), const Color(0xFFFEFEFE)],
begin: Alignment.centerLeft,
end: Alignment.centerRight,
),
),
child: Stack(children: <Widget>[
Text(
"Daily Tasks",
style: TextStyle(
fontFamily: "Netflix",
fontWeight: FontWeight.w600,
fontSize: 35,
letterSpacing: 0.27,
color: Color(0xFFFF8C3B),
),
),
Expanded(
flex: 20,
child: GridView.builder(
itemCount: homeList.length,
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2, mainAxisSpacing: 20),
itemBuilder: (ctx, i) {
return GestureDetector(
onTap: () async {
if (i == 0) {
if (await interstitialAd.isLoaded) {
interstitialAd.show();
} else {
dailyRewardAlert(context);
}
} else if (i == 1) {
FlutterPollfish.instance.show();
} else if (i == 2) {
sendInvite();
} else if (i == 3) {
hideBannerAd();
Navigator.push(context,
MaterialPageRoute(builder: (context) => Roulette()));
} else if (i == 4) {
hideBannerAd();
Navigator.push(context,
MaterialPageRoute(builder: (context) => Scratch()));
}
},
child: Container(
decoration: BoxDecoration(
borderRadius:
const BorderRadius.all(Radius.circular(16.0)),
),
width: 150,
margin: const EdgeInsets.symmetric(horizontal: 11.0),
child: Container(
child: ClipRRect(
borderRadius: BorderRadius.circular(19.0),
child: Stack(
children: <Widget>[
Positioned.fill(
child: Image.asset(
homeList[i].imagePath,
fit: BoxFit.cover,
),
),
Positioned(
bottom: 0,
left: 0,
right: 0,
child: Container(
padding: EdgeInsets.symmetric(
horizontal: 9.0, vertical: 5.0),
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [
const Color(0xFFFF8C3B),
const Color(0xFFFE524B)
],
begin: Alignment.centerLeft,
end: Alignment.centerRight,
),
borderRadius: BorderRadius.only(
topRight: Radius.circular(15))),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text(
"${homeList[i].taskTitle}",
style: TextStyle(
fontFamily: "Netflix",
fontWeight: FontWeight.w600,
fontSize: 17,
letterSpacing: 0.27,
color: Colors.white,
),
),
],
),
),
),
],
),
),
),
),
);
},
),
),
]),
),
),
);
}
I am new to Flutter and this would help me a lot, thank you so much for your contribution! :) I need help with Grid Views
Solution
This is one of the solution ! UPDATED:
List<String> homeList = [];
@override
void initState() {
super.initState();
homeList = List.generate(15, (ind) => 'Item $ind').toList();
}
@override
Widget build(BuildContext context) {
return WillPopScope(
onWillPop: () async {
return true;
},
child: Scaffold(
body: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [const Color(0xFFFEFEFE), const Color(0xFFFEFEFE)],
begin: Alignment.centerLeft,
end: Alignment.centerRight,
),
),
child: ListView(
children: <Widget>[
Container(
child: Text(
"Daily Tasks",
style: TextStyle(
fontFamily: "Netflix",
fontWeight: FontWeight.w600,
fontSize: 35,
letterSpacing: 0.27,
color: Color(0xFFFF8C3B),
),
),
padding: EdgeInsets.fromLTRB(10, 10, 0, 10),
),
Stack(children: [
GridView.builder(
shrinkWrap: true,
itemCount: homeList.length,
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2, mainAxisSpacing: 20),
itemBuilder: (ctx, i) {
return GestureDetector(
onTap: () async {
// if (i == 0) {
// if (await interstitialAd.isLoaded) {
// interstitialAd.show();
// } else {
// dailyRewardAlert(context);
// }
// } else if (i == 1) {
// FlutterPollfish.instance.show();
// } else if (i == 2) {
// sendInvite();
// } else if (i == 3) {
// hideBannerAd();
// Navigator.push(context,
// MaterialPageRoute(builder: (context) => Roulette()));
// } else if (i == 4) {
// hideBannerAd();
// Navigator.push(context,
// MaterialPageRoute(builder: (context) => Scratch()));
// }
},
child: Container(
decoration: BoxDecoration(
borderRadius:
const BorderRadius.all(Radius.circular(16.0)),
),
width: 150,
margin: const EdgeInsets.symmetric(horizontal: 11.0),
child: Container(
child: ClipRRect(
borderRadius: BorderRadius.circular(19.0),
child: Stack(
children: <Widget>[
Positioned.fill(
// child: Image.asset(
// homeList[i].imagePath,
// fit: BoxFit.cover,
// ),
child: Container(
decoration: BoxDecoration(
borderRadius:
BorderRadius.circular(10),
color: Colors.orange))),
Positioned(
bottom: 0,
left: 0,
right: 0,
child: Container(
padding: EdgeInsets.symmetric(
horizontal: 9.0, vertical: 5.0),
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [
const Color(0xFFFF8C3B),
const Color(0xFFFE524B)
],
begin: Alignment.centerLeft,
end: Alignment.centerRight,
),
borderRadius: BorderRadius.only(
topRight: Radius.circular(15))),
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: <Widget>[
Text(
homeList[i],
style: TextStyle(
fontFamily: "Netflix",
fontWeight: FontWeight.w600,
fontSize: 17,
letterSpacing: 0.27,
color: Colors.white,
),
),
],
),
),
),
],
),
),
),
),
);
},
),
]),
Container(
alignment: Alignment.center,
height: 50,
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [Colors.blue, Colors.blueAccent],
begin: Alignment.centerLeft,
end: Alignment.centerRight,
),
borderRadius: BorderRadius.circular(15),
),
child: Text('Your widget at the end'))
]),
),
),
);
- How to fix laravel 8 UI paginate problem?
- Overlay image failing to load on GoogleMaps - iOS
- Unity 4.6+ Creating Text through a Script
- Creating a backspace button on my calculator python tkinter GUI
- Custom Tk Scrollable Frame scrolls when the window is not full
- Unity CreateInspectorGUI Redraw to display buttons
- How to use a video logo for the DearPyGUI?
- How do I put the image on the right side of the text in a UIButton?
- How to add personal code into wxFormBuilder-generated class
- How to set GtkEntry widget to only accept numbers using C?
- Drawing outside of column area in listview column header
- Can WPF actually handle multiple button touches simultaneously? If so, what is the best approach?
- Displaying variables using gui in Unity
- Are there any WinDBG replacements with a better GUI?
- Can we use more than one mock object in a unit test?
- Change QwtPlot background while using dark mode gui?
- How to make a dialog in IOS which allows jumping directly to Settings screen
- tkinter: how to use after method
- How to display Icon in a .exe File in Qt
- How to wait for next @Composable function in jetpack compose test?
- How to test wireframes in Figma?
- Go Fyne unable to show dialog
- How do I access a MATLAB UI function in another .m file?
- FLUTTER -BLOC is not updating state even with copyWith() and equatable
- Specifying the location of Canvas in Swing
- How to Use Custom Fonts from Folder in PyQt6 Instead of Installed Fonts in Windows
- Best practice for synchronizing a changing List of the model to a ObservableList of the ViewModel?
- Flutter Dropdown styling issues regarding fixed height
- .NET Label.TextAlign seems not to work
- ToolStripProfessionalRenderer for Visual Studio 2008 Look-and-Feel