- r - 以节省内存的方式增长 data.frame
- ruby-on-rails - ruby/ruby on rails 内存泄漏检测
- android - 无法解析导入android.support.v7.app
- UNIX 域套接字与共享内存(映射文件)
我在 LayoutBuilder 中有一个 PageView 来获取小部件的大小。由于它取决于小部件的大小,因此在构建小部件之前我不知道会有多少页面。所以我在LayoutBuilder里面加了FutureBuilder,这样就可以异步计算页数了。这是我的代码,但它在 ConnectionState.waiting 中无限期等待。代码中有什么问题,如何解决?
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(home: ScrollableTabsDemo());
}
}
class _Page {
const _Page({this.icon, this.text});
final IconData icon;
final String text;
}
const List<_Page> _allPages = <_Page>[
_Page(text: 'tab 1'),
_Page(text: 'tab 2'),
_Page(text: 'tab 3'),
];
class ScrollableTabsDemo extends StatefulWidget {
static const String routeName = '/material/scrollable-tabs';
@override
ScrollableTabsDemoState createState() => ScrollableTabsDemoState();
}
class ScrollableTabsDemoState extends State<ScrollableTabsDemo>
with SingleTickerProviderStateMixin {
TabController _controller;
@override
void initState() {
super.initState();
_controller = TabController(vsync: this, length: _allPages.length);
}
@override
void dispose() {
_controller.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
final Color iconColor = Theme.of(context).accentColor;
return Scaffold(
appBar: AppBar(
title: const Text('Scrollable tabs'),
bottom: TabBar(
controller: _controller,
isScrollable: true,
tabs: _allPages.map<Tab>((_Page page) {
return Tab(text: page.text);
}).toList(),
),
),
body: TabBarView(
controller: _controller,
children: _allPages.map<Widget>((_Page page) {
return SafeArea(
top: false,
bottom: false,
child: LayoutBuilder(builder: (context, constraints) {
return FutureBuilder<int>(
future: getPageCount(),
builder: (BuildContext context, AsyncSnapshot<int> snapshot) {
switch (snapshot.connectionState) {
case ConnectionState.none:
print("none ${snapshot.data}");
return Text('none');
case ConnectionState.active:
print("active ${snapshot.data}");
return Text('active');
case ConnectionState.waiting:
print("waiting ${snapshot.data}");
return Center(child: CircularProgressIndicator());
case ConnectionState.done:
print("done ${snapshot.data}");
return buildPageView(snapshot.data);
}
});
}),
);
}).toList(),
),
);
}
Future<int> getPageCount() => Future.delayed(Duration(seconds: 3), () => 5);
Widget buildPageView(int pageCount) {
return PageView.builder(
itemBuilder: (context, position) {
return Container(child: Center(child: Text(position.toString())));
},
itemCount: pageCount,
);
}
}
最佳答案
FutureBuilder
的文档声明您不应在每次构建时都创建 future :https://api.flutter.dev/flutter/widgets/FutureBuilder-class.html
要么在 initState
中运行 getPageCount
,在字段初始化器中,要么准备一个类似于 FutureBuilder
的有状态小部件,它需要一个 future 创建函数和在它自己的 initState
中调用此函数。
编辑:使用此助手,您可以自动缓存 future
class CachingFutureBuilder<T> extends StatefulWidget {
final Future<T> Function() futureFactory;
final AsyncWidgetBuilder<T> builder;
const CachingFutureBuilder(
{Key key, @required this.futureFactory, @required this.builder})
: super(key: key);
@override
_CachingFutureBuilderState createState() => _CachingFutureBuilderState<T>();
}
class _CachingFutureBuilderState<T> extends State<CachingFutureBuilder<T>> {
Future<T> _future;
@override
void initState() {
_future = widget.futureFactory();
super.initState();
}
@override
Widget build(BuildContext context) {
return FutureBuilder<T>(
future: _future,
builder: widget.builder,
);
}
}
如果您的 getPageCount 需要大小作为输入,您可以像下面的代码一样使用该辅助小部件。诀窍是使用 ValueKey 以便 Flutter 知道重新初始化 CachingFutureBuilder。确保您没有任何大小更改动画,因为它会导致 Future 在每一帧都重新加载。
class ScrollableTabsDemo extends StatelessWidget {
Future<int> getPageCount(Size size) {
return Future.value(1);
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: LayoutBuilder(
builder: (context, constraints) {
final size = Size(constraints.maxHeight, constraints.maxWidth);
return CachingFutureBuilder<int>(
key: ValueKey(size),
futureFactory: () => getPageCount(size),
builder: (context, snapshot) {
return Text(snapshot.toString());
},
);
},
),
),
);
}
}
关于layout - 当 FutureBuilder 在 LayoutBuilder 中时 flutter 无限循环,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57148810/
我不确定是否理解好几个 Android /res/layout 文件夹所起的作用。 layout:一般布局 layout-port:必须更改为纵向的小部件布局 layout-land:小部件的布局,必
我在 Qt 4.7 中有一个界面,但我很难按照自己的意愿行事。 所需行为的基本描述:用户在组合框中进行选择,这会导致查询转到另一个函数,该函数返回一个 QHBoxLayout 对象,该对象通常包括多个
我在 res 文件夹中创建了 layout-large、layout-normal 和 layout-xlarge 并且我将所有 xml 文件复制到那些布局文件夹中 首先,我想问一下 layout(d
如图所示。我想在布局上方显示星图。我是这种编码的新手。 我的查询是1)是否可以在我的布局端显示星标(图像)? 2) 如果每次点击我的 Activity 时我都想显示星标并显示第二张图片,这可能吗?意味
关闭。这个问题需要debugging details .它目前不接受答案。 想改善这个问题吗?更新问题,使其成为 on-topic对于堆栈溢出。 上个月关闭。 Improve this questio
我正在使用 android studio 中的 Material 设计为 pre lollipop 设备创建一个 android 应用程序,我是 android studio 的新手我正在我的项目中创
我对 Android 布局设计感到困惑。我想实现下图中的布局: 但是下面的代码产生了类似这张图片的东西: 我的代码
如果我有: Some Element.... Other Element
我有一个单元格(称为A),它在更高层次的单元格(称为P)中使用一次。当我将 A 放在 P 中时,它的边框比 A 的实际内容大得多。当我下降到 A 并进行缩放时,它被缩小了,表明边缘存在一些东西。 我可
我有一个“auth-redirect”模块,位于所有页面布局文件(1column、2column 等)的开头。这可以确保在渲染任何页面之前,如果用户未经过正确身份验证,则会重定向到登录页面。 我允许呈
我的app只支持landscape模式(这是业务需求)。 我在 layout-land 文件夹中有一个布局 xml 文件,但我没有费心创建一个 layout 文件夹,因为我在 Android list
我正在尝试为我的 Android 应用程序创建启动屏幕,如链接 http://developer.xamarin.com/guides/android/user_interface/creating_
我目前正在开发一个应用程序,我正在使用 swdp为了创建对多个屏幕的支持。 我添加了 sw400dp文件夹,根据 Android Studio 的 XML 渲染器,它基本上包含所有较小的手机。 这意味
Android 在“layout-normal”和“layout”文件夹中处理布局的方式有什么不同吗?如果我有一个被认为布局很小的设备,如果只有这两个选项,它会查看哪个文件夹? 最佳答案 是的,在您给
我已经看到了在单个页面上创建多个强制布局的解决方案,其中每个布局都包含在其自己的SVG中。但是,我一直无法找到有关如何在单个SVG中包括多个力布局的帮助。每个布局都有自己的数据与之关联。 可以在htt
我听说 Constraint-Layout 中的指南和 RTL 存在一些错误。但是这些方法都没有帮助我。我的BottomNavigation 的两边都有指南,一切都在LTR 中工作,但在RTL 中,其
我有以下渲染函数: render() { return ( Header
我知道如何使用以下文件夹,但例如我不知道 layout-small 和 layout-sw320dp 有什么区别? 此外,建议我哪些文件夹对优化很重要。我不喜欢我的程序被用户视为不规则。我希望得到您的
layout-latest.js ui-layout-west 面板 west: { paneSelector: ".ui-layout-west"
我是 Android 开发的新手,对我来说,了解图形布局和 xml 如何相互关联的一个好方法是尝试 xml 属性并查看图形 UI 中的变化。有没有一种方法可以同时并排查看,而不必从一个切换到另一个?图
我是一名优秀的程序员,十分优秀!