Flutter，在SliverFillRemaining中使用FutureBuilder
Flutter是一种跨平台的移动应用开发框架，由Google开发和维护。它允许开发者使用单一代码库构建高性能、美观且可扩展的移动应用程序。Flutter使用Dart语言作为开发语言，并提供了丰富的UI组件和工具，使开发者能够快速构建出精美的用户界面。
SliverFillRemaining是Flutter中的一个布局组件，用于填充剩余空间的部分。它通常与CustomScrollView一起使用，用于创建具有自定义滚动效果的页面。在SliverFillRemaining中使用FutureBuilder可以方便地处理异步数据加载的情况。
FutureBuilder是Flutter中的一个Widget，用于根据异步操作的状态来构建UI。它接收一个Future作为输入，并根据Future的状态来构建不同的UI。当Future正在加载数据时，FutureBuilder会显示一个加载指示器；当Future成功返回数据时，FutureBuilder会根据返回的数据构建UI；当Future发生错误时，FutureBuilder会显示错误信息。
在SliverFillRemaining中使用FutureBuilder的一个常见应用场景是在滚动页面中加载动态数据。例如，可以在SliverFillRemaining中使用FutureBuilder来异步加载网络图片，并在加载完成后将其显示在页面上。
腾讯云提供了一系列与Flutter开发相关的产品和服务，包括云服务器、对象存储、云函数等。这些产品可以帮助开发者在Flutter应用的开发、部署和运维过程中提供稳定可靠的基础设施支持。
更多关于腾讯云相关产品和服务的信息，可以访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
1回答
如何在PagedGridView中水平对齐加载图标？
flutter、gridview、flutter-layout、flutter-dependencies、infinite-scroll
我正在尝试使用无限滚动在PagedGridView中显示新闻项目，以便一次加载有限数量的数据。一切都很好，但我在管理加载指示器的对齐时遇到了问题，同时还要获取额外的数据。加载图标是右对齐的，而我希望它水平地位于屏幕的中心。 ? PagedGridView(
pagingController: _pagingController,
scrollController: _scrollController,
gridDelegate: SliverGridDelegateWi
浏览 29提问于2021-10-28得票数 0
2回答
颤振在RefreshIndicator中的应用
flutter
我用的是颤振版本0.5.1
我想要建立一个应用程序与SliverAppBar自动隐藏时，滚动和浮动时，向下滚动。我使用CustomScrollView与sliverList一起使用SliverAppBar和MyWidget1，这是一个FutureBuilder，用于在加载数据时显示CircularProgressIndicator，在成功加载数据时显示MyWidget2。MyWidget2是一个用户可以拉来刷新数据的RefreshIndicator。我期望的布局是CustomScrollView -> (SliverAppBar和FutureBuilder -> RefreshIn
浏览 0提问于2018-07-13得票数 2
1回答
在构建FutureBuilder<DocumentSnapshot>时抛出了Flutter NoSuchMethodError
firebase、flutter、dart、google-cloud-firestore、flutter-dependencies
我在尝试从云中获取用户数据时遇到此错误_firestore，但只有当用户第一次登录到应用程序并导航到个人资料屏幕时，它才会给我这个错误。如果我在登录状态下热重启或重新运行应用程序，错误就会消失..。 flutter: ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══
flutter: The following NoSuchMethodError was thrown building StreamBuilder(dirty, state:
flutter: _StreamBuilderBaseState>#f33a1):
flutter: Th
浏览 40提问于2019-10-27得票数 0
1回答
在Flutter中，发出一个HTTP请求，然后根据响应更新UI或打开一个新页面
flutter、dart、flutter-futurebuilder、flutter-http
我正在开发一个Flutter应用程序，它充当客户端，通过API连接到服务器。应用程序发出请求，并根据响应来处理状态。 我的问题如下:我是否可以发出请求，然后根据响应更新UI或打开新页面？ 我使用了FutureBuilder，如下所示。问题是FutureBuilder需要返回一个UI。在我的例子中，如果响应是OK，我想打开一个新页面(参见//todo行)。我试着使用Navigator.pushReplacement，但它并不能真正工作。有什么想法吗？ import 'package:flutter/cupertino.dart';
import 'package:flu
浏览 51提问于2021-05-02得票数 1
回答已采纳
25回答
【开箱吧腾讯云】开发工具千千万，哪个最高效最好用？
腾讯云、产品、工具、开发、开发工具
开发工具千千万，哪个最高效最好用？
在关键时刻解决了你的卡点和痛点，欢迎你和我们一起分享你使用过的腾讯云宝藏工具！
点赞最高的前5名将获得猫王小王子花梨原木便携蓝牙音箱1个（截止时间：11月12日24:00）
另外在11月9日晚20:00-21:00
【开箱吧腾讯云】将迎来3位开发大神分享自身工具箱
快来腾讯云开发者视频号预约吧！更有超多双十一产品优惠等你！
图片
浏览 1746提问于2022-11-02
2回答
(颤振) ListView.builder使用FutureBuilder不工作
flutter、dart
我试图在ListView中使用ListView.builder在FutureBuilder中显示项目。我的future FutureBuilder函数如下所示：
_fetchListItems() async {
wait() async {
number = await db.getNumber(userId); }
await wait();
List rawFavouriteList = await db.getList(number);
setState((){
rawFavouriteList.forEach((item){
_fao
浏览 2提问于2019-06-20得票数 8
回答已采纳
8回答
腾讯智能云为开发者带来哪些便利？
腾讯云、服务、开发、开发者、腾讯
腾讯云在云+未来峰会上推出了智能云。使得普通开发者能够快速上手进行开发。能够有效节省自身开发成本，我想知道究竟带来了哪些便利？有哪些服务极大提升了开发效率和用户体验？
浏览 871提问于2018-05-24
3回答
Flutter: Firebase身份验证和Firestore快照流
firebase、dart、flutter、google-cloud-firestore、bloc
在我的flutter应用程序中，我使用firebase作为身份验证和firestore数据库。我也在尝试遵循区块模式。
成功登录后，我需要使用存储在文档中的一些数据构建我的UI屏幕：
@override
Widget build(BuildContext context) {
return FutureBuilder(
future: Auth.of(context).firebase.uid(),
builder: (context, snap){
if(snap.hasData) {
print("Yo
浏览 0提问于2018-12-17得票数 1
1回答
如何防止FutureBuilder在数据不变的情况下进行重建？
api、flutter、dart
我目前正在开发一个Flutter应用程序，它使用了大量的REST API来与服务器端通信。我面临着一些与FutureBuilder小部件实现相关的性能问题，如下所示： RefreshIndicator(
displacement: 100.0,
onRefresh: _refreshLastEntries,
child: FutureBuilder<List<Entry>> (
future: lastEntriesList,
builder: (context, snapshot) {
if(snapshot.hasError
浏览 13提问于2019-09-19得票数 1
回答已采纳
2回答
FutureBuilder会让我的应用程序冻结，因为它会在构建之前等待文件加载
flutter、dart、future
我正在写一个非常基本的flutter应用程序，用于阅读公共领域的书籍。我在我的应用程序资源中包含了一个包含一本书的.txt文件。因为一本书很长，加载需要时间，所以我尝试使用FutureBuilder，它会在书籍加载时显示一个圆形进度指示器，但是，当我单击按钮打开图书时，应用程序会冻结，直到图书加载，而不是转换到图书页面，并显示进度指示器，而图书正在加载。
我检查了一个较小的文件，它没有冻结。我试着告诉FutureBuilder显示进度指示器，但它再一次没有冻结。
FutureBuilder(
future: text, //Future<String&
浏览 0提问于2019-06-07得票数 2
我正在使用一个包incrementally_loading_listview来对来自firestore的数据进行分页。我正在custom-scroll-view中使用它。问题是我必须将它包装在SliverFillRemaining小部件中才能显示数据。结果，refresh-indicator现在不工作了。我使用银条，因为我也会有银条网格。 早些时候，我使用scroll-controller通过SliverListBuilderDelegate动态加载我的数据。这样做的问题是，每当我到达列表的顶部时，它就会调用_getMoreProducts(我不想要它，我只想在到达底部时才加载数据)，这会导
浏览 50提问于2019-06-09得票数 1
1回答
带Firestore的Flutter FutureBuilder
firebase、flutter、future
我尝试在flutter中创建一个列表，从每个cell的firestore异步加载数据： Future getUserDetails(String userID) async {
DatabaseService databaseService =
DatabaseService(currentUserId: _currentUserID);
return databaseService.getUserDetails(userID: userID);
}
Future sampleText() async {
return Future.delaye
浏览 13提问于2020-07-03得票数 0
回答已采纳
2回答
Flutter ListView -如何在底部开始滚动
flutter、flutter-layout、lazy-loading、infinite-scroll、flutter-scrollbar
我刚接触Flutter和UI开发，我被卡住了，所以我需要帮助！ 我正在尝试用惰性加载/无限滚动在我的应用程序中构建一个视频帖子列表。惰性加载部分似乎工作得很好，但我遇到的问题是，每次加载新视频时，滚动条都会在构建后返回顶部。下面是我的代码： class _ProfileState extends State<Profile> {
Future _videoResponseFuture;
ScrollController _scrollController = ScrollController();
UserService _userService = UserServ
浏览 99提问于2021-05-09得票数 1
1回答
Flutter，在SliverFillRemaining中使用FutureBuilder
flutter、dart、flutter-sliver、flutter-futurebuilder
我正在用SliverFillRemaining中的Listview构建一个FutureBuilder。我认为由于Sliver已经在CustomScrollView中，所以滚动功能不能正常工作。一旦它向下滚动，它就不会再向上滚动。 下面是代码。 @override
Widget build(BuildContext context) {
return Scaffold(
body: CustomScrollView(
slivers: [
SliverAppBar(
expandedHeight: 200.0,
浏览 55提问于2020-11-18得票数 0
1回答
Snapshot.data为空。在null上调用了method[]
api、flutter、null、snapshot
我是flutter的新手，我正在尝试在未来的构建器中调用列表视图构建器中的api数据。但我在快照中得到的数据为空。
我的代码如下：
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'package:shared_preferences/shared_preferences.dart';
String token;
SharedPreferences s
浏览 21提问于2021-06-04得票数 0
5回答
如何通知FutureBuilder数据库已更新？
flutter、flutter-layout
我有一个组配置文件页面，在那里用户可以更改组的描述。他点击描述，进入一个新的屏幕，并将其保存到Firestore。然后，他通过Navigator.pop(context)返回到通过FutureBuilder列出所有元素的群组个人资料页面。
首先，我在主构建方法中(直接在未来构建器的‘FutureBuilder：request’中)对我的请求进行了数据库请求，它是有效的，但我发现它是错误的。但现在我必须等待重新构建才能看到更改。如何告诉FutureBuilder有数据更新？
我在组配置文件页面中加载Firestore数据，如下所示：
Future<DocumentSnapshot>
浏览 0提问于2019-03-29得票数 0
3回答
如何在小部件构建过程中导航？
flutter、dart
我试图检测用户不再经过身份验证，并将用户重定向到登录。我就是这么做的
Widget build(BuildContext context) {
return FutureBuilder(
future: _getData(context),
builder: (context, snapshot) {
try {
if (snapshot.hasError && _isAuthenticationError(snapshot.error)) {
Navigat
浏览 4提问于2020-01-18得票数 15
回答已采纳
2回答
如何在不阻塞UI呈现的情况下构建复杂的小部件？
dart、flutter、flutter-layout
我正在为一个网站建立一个客户端，用户可以在这个网站上以树状的方式发布评论。目前，我使用以下方法来显示加载栏，直到加载注释为止。
FutureBuilder(
future: fetchComments(this.storyId),
builder: (BuildContext context, AsyncSnapshot snapshot) {
switch (snapshot.connectionState) {
case ConnectionState.none:
浏览 0提问于2019-04-11得票数 1
1回答
Flutter Listview在使用FutureBuilder加载缩略图时冻结
android、dart、flutter
为了便于学习，我在flutter中创建了一个文件管理器。我刚刚开始学习flutter，所以我对它没有太多的了解。
我的问题是，我想要显示文件夹中图像的缩略图，为此，我使用ListView中的FutureBuilder调用了一个用android原生代码编写的函数。它工作得很好，但每当我打开一个包含大量图像的目录时，它会冻结UI一段时间&即使缩略图是异步调用的，我也无法在这段时间内滚动它。
Listview的Me代码：-
@override
Widget build(BuildContext context) {
return new ListView.builder(
浏览 20提问于2018-03-06得票数 2
2回答
用期货加载颤振中的config.json
dart、flutter
对于Dart/Flutter来说，我是新手，我正在使用这个代码片段尝试加载我存储在资产文件夹中的一个config.json文件。在尝试读取此文件时，我使用的是Dart语言和中的模型。
import 'dart:async' show Future;
import 'package:flutter/services.dart' show rootBundle;
import 'dart:convert';
Future<List> loadAsset() async {
String raw = await rootBundle.
浏览 0提问于2018-04-27得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
