我有一个墙纸应用程序，可在主屏幕上显示Firestore的图片，并且正在使用flutter_native_admob包显示 native ，并且广告运行正常。
我已经尝试过使用staggered_grid_view软件包，但没有用，每当我将StaggeredGridTile中的值从1更改为2来显示原生广告而不是网格时，即使我设置了一个数字以在x图片之后显示广告，该软件包都会中断，它显示在错误的地方滚动。
我需要什么:
class HomeScreen extends StatefulWidget {
@override
_HomeScreenState createState() => _HomeScreenState();
}
class _HomeScreenState extends State<HomeScreen> {
final nativeAdmob = NativeAdmob();
int counter = 0;
double result;
int num = 4;
@override
Widget build(BuildContext context) {
Widget _buildGrid(int index){
return Container(
color: Colors.green,
child: Center(
child: Text("$index"),
),
);
/*
// I need to show this widget between the content
NativeAdmobBannerView(
adUnitID: "ca-app-pub-3940256099942544/2247696110", // Test
style: BannerStyle.light,
showMedia: true,
)
*/
}
return Scaffold(
appBar: AppBar(
title: Text('Grid with Native Ad'),
centerTitle: true,
),
body: Container(
child: StaggeredGridView.countBuilder(
crossAxisSpacing: 3.0,
mainAxisSpacing: 3.0,
itemCount: 20,
itemBuilder: (context, index){
return _buildGrid(index);
},
crossAxisCount: 2,
staggeredTileBuilder: (int index){
return StaggeredTile.count(
1,
1
);
},
),
)
);
}
}
最佳答案
我做过这样的事，一直在为我工作
import 'package:flutter/material.dart';
import 'package:staggeredgridview/images.dart';
import 'package:transparent_image/transparent_image.dart';
import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
import 'package:flutter_native_admob/flutter_native_admob.dart';
import 'package:flutter_native_admob/native_admob_controller.dart';
import 'package:cached_network_image/cached_network_image.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
home: MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
var _list = List<IMageClass>();
static const _adUnitID = "ca-app-pub-3940256099942544/8135179316";
final _nativeAdController = NativeAdmobController();
double _height = 0;
@override
void initState() {
super.initState();
_getData();
}
Widget Images(int index) {
return CachedNetworkImage(
imageUrl: _list[index].images,
imageBuilder: (context, imageProvider) => Container(
decoration: BoxDecoration(
image: DecorationImage(
image: imageProvider,
fit: BoxFit.cover,
),
),
),
placeholder: (context, url) => Image.asset('assets/images/logo.png'),
errorWidget: (context, url, error) => Icon(Icons.error),
);
}
List<String> imageList = [
'https://images.unsplash.com/photo-1515886657613-9f3515b0c78f',
'https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e',
'https://images.unsplash.com/photo-1513956589380-bad6acb9b9d4',
'https://images.unsplash.com/photo-1521577352947-9bb58764b69a',
'https://images.unsplash.com/photo-1488161628813-04466f872be2',
'https://images.unsplash.com/photo-1501196354995-cbb51c65aaea',
];
void _getData() {
for (int i = 0; i < imageList.length; i++) {
var image = IMageClass();
if (i != 0) {
if (i % 4 == 3) {
image.type = "GoogleAd";
} else {
image.type = "";
image.images = imageList[i];
}
_list.add(image);
} else {
image.type = "";
image.images = imageList[i];
_list.add(image);
}
}
}
Widget _getAdContainer() {
return Container(
height: 250,
child: NativeAdmob(
// Your ad unit id
adUnitID: "ca-app-pub-3940256099942544/8135179316",
controller: _nativeAdController,
type: NativeAdmobType.banner,
),
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
margin: EdgeInsets.all(12),
child: StaggeredGridView.countBuilder(
crossAxisSpacing: 3.0,
mainAxisSpacing: 3.0,
// controller: scrollController,
itemCount: _list.length,
physics: ScrollPhysics(),
itemBuilder: (context, index) {
if (_list[index].type != "GoogleAd")
return Images(index);
else
return _getAdContainer();
},
crossAxisCount: 2,
staggeredTileBuilder: (int index) {
if (_list[index].type != "GoogleAd")
return StaggeredTile.count(1, 1);
else
return StaggeredTile.count(2, 1);
// return StaggeredTile.count(1, 1);
},
)),
);
}
}
class IMageClass {
String images;
String type;
}
This is the output
关于gridview - 如何在GridView.builder内部的内容之间显示AdMob原生广告？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57838014/