CustomScrollView抖动内的FutureBuilder <dynamic>
嗨，我想设计一个页面，该页面应垂直滚动并具有GridView.builder。我正在服务器上加载数据，并且如果数据处于共享首选项中，那么我将从共享首选项中获取它。对于GridView.builder，我正在使用FutureBuilder加载数据。但是下面我得到的错误是错误
'owner._debugCurrentBuildTarget == this'：不正确
下面是代码。
void main() {
WidgetsFlutterBinding.ensureInitialized();
// Initialize without device test ids
Admob.initialize();
// Add a list of test ids.
// Admob.initialize(testDeviceIds: ['YOUR DEVICE ID']);
runApp(FirstScreen());
}
class FirstScreen extends StatefulWidget {
@override
_CrosspromoPageState createState() => _CrosspromoPageState();
}
class _CrosspromoPageState extends State<FirstScreen> {
AdmobInterstitial interstitialAd;
List<CrosspromotionPojo> crosspromoobject = List();
@override
void initState() {
// TODO: implement initState
super.initState();
// getCrosspromodata();
// loadcrossPromodata();
interstitialAd = AdmobInterstitial(
adUnitId: getInterstitialAdUnitId(),
listener: (AdmobAdEvent event, Map<String, dynamic> args) {
if (event == AdmobAdEvent.closed) interstitialAd.load();
},
);
interstitialAd.load();
}
String getInterstitialAdUnitId() {
if (Platform.isIOS) {
return 'ca-app-pub-3940256099942544/4411468910';
} else if (Platform.isAndroid) {
return 'ca-app-pub-3940256099942544/1033173712';
}
return null;
}
@override
Widget build(BuildContext context) {
SizeConfig().init(context);
SizeConfig().init(context);
return Scaffold(
body: Container(
child: CustomScrollView(
slivers: <Widget>[
new Image.asset('assets/images/bg_half_image.jpg'),
new Align(
alignment: Alignment.topCenter,
child: new Container(
margin: EdgeInsets.fromLTRB(0, 55, 0, 0),
width: 150,
height: 150,
child: Image.asset('assets/images/logo.png'),
)),
new Align(
alignment: Alignment.topCenter,
child: InkWell(
onTap: () async {
if (await interstitialAd.isLoaded) {
interstitialAd.show();
}
int val = await DatabaseHelper.instance.queryRowCount();
if (val == 0) {
DatabaseHelper.instance.insertExcdaydata();
DatabaseHelper.instance.insertExcdaydatainapp();
} else
Navigator.pop(context, true);
{
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => BannerPage(),
),
);
}
},
child: new Container(
width: 150,
margin: EdgeInsets.fromLTRB(0, 200, 0, 0),
//padding: EdgeInsets.fromLTRB(4, 0, 4, 4),
child: new Image.asset('assets/images/start.png'),
))),
new Container(
alignment: Alignment.topCenter,
margin: EdgeInsets.only(
left: 0,
right: 0,
top: SizeConfig.screenHeight / 1.8,
bottom: 0),
child: Text("TRY OUR NEW APPS",
style: TextStyle(
color: Colors.black,
fontWeight: FontWeight.bold,
fontSize: 20)),
),
new FutureBuilder<dynamic>(
future: getCrosspromodata(),
builder:
(BuildContext context, AsyncSnapshot<dynamic> snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return Center(child: Text('Please wait its loading...'));
} else {
return Container(
margin: EdgeInsets.only(
left: 0,
right: 0,
top: SizeConfig.screenHeight / 1.6,
bottom: 0),
child: Align(
child: GridView.builder(
itemCount: crosspromoobject.length,
itemBuilder: (context, index) => GestureDetector(
onTap: () => tapped(index),
child: Container(
child: new Card(
elevation: 2,
child: Column(
children: <Widget>[
new Container(
child: CachedNetworkImage(
imageUrl: crosspromoobject[index].appUrl,
placeholder: (context, url) =>
CircularProgressIndicator(),
errorWidget: (context, url, error) =>
Icon(Icons.error),
),
),
new Container(
alignment:
AlignmentDirectional.centerStart,
child: Text(
crosspromoobject[index].app_name,
style: TextStyle(
color: Colors.black, fontSize: 15),
))
],
),
)),
),
gridDelegate:
SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3,
mainAxisSpacing: 30,
crossAxisSpacing: 15,
childAspectRatio:
MediaQuery.of(context).size.width /
(MediaQuery.of(context).size.height / 1.1),
),
),
),
);
}
})
],
),
),
);
/*return Scaffold(
body: Scaffold(
body: Stack(
children: [
new Image.asset('assets/images/bg_half_image.jpg'),
new Align(
alignment: Alignment.topCenter,
child: new Container(
margin: EdgeInsets.fromLTRB(0, 55, 0, 0),
width: 150,
height: 150,
child: Image.asset('assets/images/logo.png'),
)),
new Align(
alignment: Alignment.topCenter,
child: InkWell(
onTap: () async {
if (await interstitialAd.isLoaded) {
interstitialAd.show();
}
int val = await DatabaseHelper.instance.queryRowCount();
if (val == 0) {
DatabaseHelper.instance.insertExcdaydata();
DatabaseHelper.instance.insertExcdaydatainapp();
} else
Navigator.pop(context, true);
{
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => BannerPage(),
),
);
}
},
child: new Container(
width: 150,
margin: EdgeInsets.fromLTRB(0, 200, 0, 0),
//padding: EdgeInsets.fromLTRB(4, 0, 4, 4),
child: new Image.asset('assets/images/start.png'),
))),
new Container(
alignment: Alignment.topCenter,
margin: EdgeInsets.only(
left: 0, right: 0, top: SizeConfig.screenHeight / 1.8, bottom: 0),
child: Text("TRY OUR NEW APPS",
style: TextStyle(
color: Colors.black,
fontWeight: FontWeight.bold,
fontSize: 20)),
),
new FutureBuilder<dynamic>(
future: getCrosspromodata(),
builder: (BuildContext context, AsyncSnapshot<dynamic> snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return Center(child: Text('Please wait its loading...'));
} else {
return Container(
margin: EdgeInsets.only(
left: 0,
right: 0,
top: SizeConfig.screenHeight / 1.6,
bottom: 0),
child: Align(
child: GridView.builder(
itemCount: crosspromoobject.length,
itemBuilder: (context, index) => GestureDetector(
onTap: () => tapped(index),
child: Container(
child: new Card(
elevation: 2,
child: Column(
children: <Widget>[
new Container(
child: CachedNetworkImage(
imageUrl: crosspromoobject[index].appUrl,
placeholder: (context, url) =>
CircularProgressIndicator(),
errorWidget: (context, url, error) =>
Icon(Icons.error),
),
),
new Container(
alignment: AlignmentDirectional.centerStart,
child: Text(
crosspromoobject[index].app_name,
style: TextStyle(
color: Colors.black, fontSize: 15),
))
],
),
)),
),
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3,
mainAxisSpacing: 30,
crossAxisSpacing: 15,
childAspectRatio: MediaQuery.of(context).size.width /
(MediaQuery.of(context).size.height / 1.1),
),
),
),
);
}
})
],
)))*/
}
Future<dynamic> loadcrossPromodata() async {
SharedPreferences pref = await SharedPreferences.getInstance();
List<dynamic> tagObjsJson =
(json.decode(pref.getString('userData')) ?? List<dynamic>());
crosspromoobject = tagObjsJson
.map((tagJson) => CrosspromotionPojo.fromJson(tagJson))
.toList();
return tagObjsJson;
}
Future<dynamic> getCrosspromodata() async {
List<dynamic> tagObjsJson;
SharedPreferences pref = await SharedPreferences.getInstance();
try {
Response<Map> versionresponse = await Dio().get(
"https://videomergerapp.com/mobilestores/https/cross_promo_photoapps/verison.json");
Map arrayObjresponse = versionresponse.data;
int version = arrayObjresponse['healthw_version'];
int localversion = pref.getInt('local_version') ?? 0;
if (version > localversion) {
Response<Map> response = await Dio().get(
"https://videomergerapp.com/mobilestores/https/cross_promo_fitness/cross_promo_health_fitness_firstscreen.json");
String arrayObjsText = response.toString();
tagObjsJson = jsonDecode(arrayObjsText)['item_array'] as List;
crosspromoobject = tagObjsJson
.map((tagJson) => CrosspromotionPojo.fromJson(tagJson))
.toList();
savePojo(tagObjsJson);
pref.setInt('local_version', version);
return tagObjsJson;
} else {
loadcrossPromodata();
}
} catch (e) {
print(e);
}
}
Future<void> savePojo(List<dynamic> crosspromoobject) async {
SharedPreferences pref = await SharedPreferences.getInstance();
pref.setString('userData', json.encode(crosspromoobject));
print(crosspromoobject);
}
void tapped(int index) {
Fluttertoast.showToast(
msg: crosspromoobject[index].app_name,
toastLength: Toast.LENGTH_SHORT,
gravity: ToastGravity.CENTER,
timeInSecForIosWeb: 1,
backgroundColor: Colors.red,
textColor: Colors.white,
fontSize: 16.0);
}
}
2 个答案:
答案 0 :(得分：0)
尝试将GridView的属性shrinkWrap设置为true。
GridView.builder(
shrinkWrap: true,
//...
)
答案 1 :(得分：0)
因此，我通过在CustomScrollView中获取SliverList和SliverChildListDelegate并将其高度设置为FutureBuilder内部的容器的高度来做到这一点：SizeConfig.screenHeight / 1.10，下面是完整的代码。
void main() {
WidgetsFlutterBinding.ensureInitialized();
// Initialize without device test ids
Admob.initialize();
// Add a list of test ids.
// Admob.initialize(testDeviceIds: ['YOUR DEVICE ID']);
runApp(FirstScreen());
}
class FirstScreen extends StatefulWidget {
@override
_CrosspromoPageState createState() => _CrosspromoPageState();
}
class _CrosspromoPageState extends State<FirstScreen> {
AdmobInterstitial interstitialAd;
List<CrosspromotionPojo> crosspromoobject = List();
@override
void initState() {
// TODO: implement initState
super.initState();
// getCrosspromodata();
// loadcrossPromodata();
}
@override
Widget build(BuildContext context) {
SizeConfig().init(context);
SizeConfig().init(context);
return Scaffold(
body: Container(
child: CustomScrollView(slivers: <Widget>[
SliverList(
delegate: SliverChildListDelegate(
[
Stack(
children: [
new Image.asset('assets/images/bg_half_image.jpg'),
new Align(
alignment: Alignment.topCenter,
child: new Container(
margin: EdgeInsets.fromLTRB(0, 55, 0, 0),
width: 150,
height: 150,
child: Image.asset('assets/images/logo.png'),
)),
new Align(
alignment: Alignment.topCenter,
child: InkWell(
onTap: () async {
if (await interstitialAd.isLoaded) {
interstitialAd.show();
}
int val = await DatabaseHelper.instance.queryRowCount();
if (val == 0) {
DatabaseHelper.instance.insertExcdaydata();
DatabaseHelper.instance.insertExcdaydatainapp();
} else
Navigator.pop(context, true);
{
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => BannerPage(),
),
);
}
},
child: new Container(
width: 150,
margin: EdgeInsets.fromLTRB(0, 200, 0, 0),
//padding: EdgeInsets.fromLTRB(4, 0, 4, 4),
child: new Image.asset('assets/images/start.png'),
)))
],
),
new SizedBox(
height: 50,
width: double.infinity,
child: Container(
margin: EdgeInsets.fromLTRB(0, 15, 0, 0),
color: Colors.white,
child: Text(
"TRY OUR NEW APPS",
textAlign: TextAlign.center,
style: TextStyle(
color: Colors.black,
fontWeight: FontWeight.bold,
fontSize: 20),
),
),
),
new FutureBuilder<dynamic>(
future: getCrosspromodata(),
builder: (BuildContext context, AsyncSnapshot<dynamic> snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return Center(child: Text('Please wait its loading...'));
} else {
return Container(
height: SizeConfig.screenHeight / 1.10,
margin:
EdgeInsets.only(left: 0, right: 0, top: 0, bottom: 0),
child: Align(
child: GridView.builder(
itemCount: crosspromoobject.length,
itemBuilder: (context, index) => GestureDetector(
onTap: () => tapped(index),
child: Container(
child: new Card(
elevation: 2,
child: Column(
children: <Widget>[
new Container(
child: CachedNetworkImage(
imageUrl: crosspromoobject[index].appUrl,
placeholder: (context, url) =>
CircularProgressIndicator(),
errorWidget: (context, url, error) =>
Icon(Icons.error),
),
),
new Container(
alignment: AlignmentDirectional.centerStart,
child: Text(
crosspromoobject[index].app_name,
style: TextStyle(
color: Colors.black, fontSize: 15),
))
],
),
)),
),
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3,
mainAxisSpacing: 30,
crossAxisSpacing: 15,
childAspectRatio: MediaQuery.of(context).size.width /
(MediaQuery.of(context).size.height / 1.1),
),
),
),
);
}
})
],
)),
]))
// This trailing comma makes auto-formatting nicer for build methods.
);
}
Future<String> loadcrossPromodata() async {
SharedPreferences pref = await SharedPreferences.getInstance();
List<dynamic> tagObjsJson =
(json.decode(pref.getString('userData')) ?? List<dynamic>());
crosspromoobject = tagObjsJson
.map((tagJson) => CrosspromotionPojo.fromJson(tagJson))
.toList();
}
Future<dynamic> getCrosspromodata() async {
List<dynamic> tagObjsJson;
SharedPreferences pref = await SharedPreferences.getInstance();
try {
Response<Map> versionresponse = await Dio().get(
"https://videomergerapp.com/mobilestores/https/cross_promo_photoapps/verison.json");
Map arrayObjresponse = versionresponse.data;
int version = arrayObjresponse['healthw_version'];
int localversion = pref.getInt('local_version') ?? 0;
if (version > localversion) {
Response<Map> response = await Dio().get(
"https://videomergerapp.com/mobilestores/https/cross_promo_fitness/cross_promo_health_fitness_firstscreen.json");
String arrayObjsText = response.toString();
tagObjsJson = jsonDecode(arrayObjsText)['item_array'] as List;
crosspromoobject = tagObjsJson
.map((tagJson) => CrosspromotionPojo.fromJson(tagJson))
.toList();
savePojo(tagObjsJson);
pref.setInt('local_version', version);
return tagObjsJson;
} else {
loadcrossPromodata();
}
} catch (e) {
print(e);
}
}
Future<void> savePojo(List<dynamic> crosspromoobject) async {
SharedPreferences pref = await SharedPreferences.getInstance();
pref.setString('userData', json.encode(crosspromoobject));
print(crosspromoobject);
}
void tapped(int index) {
Fluttertoast.showToast(
msg: crosspromoobject[index].app_name,
toastLength: Toast.LENGTH_SHORT,
gravity: ToastGravity.CENTER,
timeInSecForIosWeb: 1,
backgroundColor: Colors.red,
textColor: Colors.white,
fontSize: 16.0);
}
}
相关问题
- CustomScrollView内的TabView
- WebView CustomScrollView +浮动AppBar
- 颤抖-无法通过FutureBuilder发送API请求
- 当LayoutBuilder中的FutureBuilder时，抖动无限循环
- 问题在futureBuilder颤抖中创建listView
- Flutter-无法滚动内部具有GridView的CustomScrollview
- 可空值使FutureBuilder颤抖
- 在SearchDelegate中使FutureBuilder颤抖
- 在CustomScrollView抖动中检测DragEnd？
- CustomScrollView抖动内的FutureBuilder <dynamic>
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？