当在一个子对象上调用setState时，Flutter GridView.count会收缩
。
在Flutter中，GridView.count是一个用于显示网格布局的组件。它可以根据指定的列数，在水平方向上排列子对象。当在一个子对象上调用setState时，GridView.count会重新构建整个网格布局，并根据新的状态重新绘制子对象。
在调用setState后，Flutter会重新调用build方法来构建整个网格布局。由于GridView.count是根据列数来排列子对象的，当子对象的状态发生变化时，可能会导致网格布局的大小发生变化。如果新的状态导致网格布局的大小小于之前的大小，那么GridView.count会收缩以适应新的大小。
收缩的过程是通过重新计算每个子对象的位置和大小来实现的。GridView.count会根据新的网格布局大小重新计算每个子对象的位置，并将多余的子对象进行收缩或隐藏。
优势：
- 灵活性：GridView.count可以根据指定的列数自动排列子对象，适用于展示大量数据的情况。
- 响应式：当子对象的状态发生变化时，可以通过调用setState来更新网格布局，实现动态的UI效果。
应用场景：
- 图片展示：可以使用GridView.count来展示图片墙或相册，根据列数自动排列图片。
- 商品展示：适用于电商应用中展示商品列表的场景，可以根据列数自动排列商品卡片。
推荐的腾讯云相关产品： 腾讯云提供了一系列云计算相关的产品和服务，其中与Flutter开发相关的产品包括云服务器、云数据库、云存储等。以下是一些推荐的腾讯云产品和产品介绍链接地址：
- 云服务器（CVM）：提供可扩展的计算能力，支持多种操作系统和应用场景。了解更多：云服务器产品介绍
- 云数据库 MySQL 版（CDB）：提供高性能、可扩展的关系型数据库服务，适用于各种应用场景。了解更多：云数据库 MySQL 版产品介绍
- 对象存储（COS）：提供安全可靠的云端存储服务，适用于存储和管理各种类型的数据。了解更多：对象存储产品介绍
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。
相关·内容
我有一个父部件，它有一个带有两个子部件的Stack。当在父级中使用setState时，如果没有实际更改某些内容(带有空体的setState)，为什么会调用子级的build方法？
flutter不是只重新构建带有脏参数的小部件吗？
浏览 4提问于2020-06-07得票数 3
回答已采纳
22回答
这是我的密码：
@override
Widget build(BuildContext context) {
return new Material(
color: Colors.deepPurpleAccent,
child: new Column(
mainAxisAlignment: MainAxisAlignment.center,
children:<Widget>[new GridView.count(crossAxisCount: _column,children: new List.generate(_row*_colu
浏览 4提问于2018-05-09得票数 281
回答已采纳
1回答
当我没有在initstate中初始化任何东西时，为什么我会收到内存泄漏错误?我是个初学者，所以我对内存泄漏不太了解，但我读到如果有内存泄漏，应用程序就会被阻塞。应用程序运行正常，但出现此错误。错误为：- E/flutter (18881): [ERROR:flutter/lib/ui/ui_dart_state.cc(177)] Unhandled Exception: setState() called after dispose(): _MovieGalleryState#74812(lifecycle state: defunct, not mounted)
E/flutter (18
浏览 34提问于2020-12-10得票数 1
例如，在下面的代码加号按钮工作，并能够更新文本，但减号按钮不能。
但是如果我们按FloatingActionButton键，那么国家就会被刷新。
减号按钮正在更改变量的值，但不更新父部件的状态。
这是密码..。
import 'package:flutter/material.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
浏览 2提问于2018-01-27得票数 124
回答已采纳
我的应用程序
import 'package:flutter/material.dart';
void main() => runApp(MaterialApp(home: Scaffold(body: Grid())));
class Grid extends StatefulWidget {
@override
_GridState createState() => _GridState();
}
class _GridState extends State<Grid> {
List<Widget> pieces =
浏览 7提问于2020-04-13得票数 0
回答已采纳
当单击按钮时，我想在GridView中添加一个容器小部件。我能够用列小部件来完成这个任务，但是不能用GridView来完成。
import 'package:flutter/material.dart';
List<Widget> gridChild = [
Container(
margin: EdgeInsets.all(8.0),
width: 30.0,
height: 50.0,
color: Colors.green,
),
Container(
margin: EdgeInsets.all(8.0)
浏览 3提问于2020-04-29得票数 1
回答已采纳
我尝试使用GridView.count()实现一个包含4个文本小部件的简单行，然后将其映射到一个ToggleButtons小部件。
当我运行代码时，我得到一条错误消息：'package:flutter/src/material/toggle_buttons.dart'：Failed assertion:第197行PoS12：'children.length == isSelected.length'：is not true。错误消息来自toggle_buttons.dart文件：
下面是我的代码：
List<bool> _selections
浏览 0提问于2021-10-06得票数 0
这是我在这里的第一个问题。(因此，如果出现任何错误，请让我知道。) 我对Flutter非常陌生，并试图在我的应用程序中应用GridView.count，但出现了以下错误。 Unhandled Exception: RangeError (index): Invalid value: Not in inclusive range 0..4: 5 我看到ListView有类似的问题，从解决方案中，我试图找到像itemCount或childCount这样的东西，但没有找到任何类似的东西。 所以我的代码如下所示。主GridView.count的调用方式如下： body: GridView.count
浏览 45提问于2020-12-16得票数 0
Flutter中的gridview.builder和gridview.count有什么不同？
浏览 7提问于2021-09-16得票数 0
我在我的应用程序中有一个pdf阅读器，使用这个函数，我从URL获得de，并将文件保存在本地路径中
Future<File> getFileFromUrl(String url) async {
try {
var data = await http.get(url);
var bytes = data.bodyBytes;
var dir = await getApplicationSupportDirectory();
File file = File("${dir.path}/some.pdf");
浏览 1提问于2020-03-09得票数 4
2回答
我已经创建了一个flutter应用程序，并使用图像拾取器将图像作为gridView放置到中心，并使用网格tiles.Is循环图像阵列。点击时是否可能触发gridTile？下面是来自main.dart的代码，用于获取图像，将其添加到数组和网格视图中。
class _MyHomePageState extends State<MyHomePage> {
int _counter = 0;
File _imageFile;
List<File> _imageList=[];
getImage() async {
var _fileName = await ImagePick
浏览 15提问于2018-03-05得票数 20
回答已采纳
1回答
我一直有这个问题，颤振，我不知道如何处理它。我试图通过一些教程，然后我想要这样做。
我想要做的是从FloatingActionButton上调用onPresssed事件._increment，这样就可以增加_counter。但后来我发现了那个错误。我遗漏了什么？
void main() {
runApp(MaterialApp(
title: 'Flutter Tutorial',
home: TutorialHome(),
));
}
class TutorialHome extends StatelessWidget {
@override
浏览 1提问于2019-03-13得票数 0
1回答
Dart码sliders_view.dart
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:firebase_database/firebase_database.dart';
class Element {
Element(this.rawName);
final String rawName;
double _rating = 40;
// getters
double
浏览 2提问于2020-07-23得票数 1
回答已采纳
我已经创建了一个简单的屏幕，它接收字母列表并将它们呈现在网格中。我有一个带有shuffle方法的按钮，它可以对这个列表进行混洗。在我的build方法中，我看到状态正在使用新列表进行更新，并在每次按下按钮时打印出一个随机列表，但屏幕没有改变。
class _LetterContainerState extends State<LetterContainer> {
List<String> _letters = ['D', 'A', 'B', 'C', 'E', 'F', &
浏览 6提问于2018-10-22得票数 4
回答已采纳
2回答
我调用我的有状态小部件页面并从服务器获得一些信息。如果没有找到任何信息，它会警告用户没有任何信息。从抽屉后按钮，我回到前一页。如果我保持来回重复非常快，我得到一个错误的控制台消息在我的IntelliJ IDE；
E/flutter (22681): [ERROR:flutter/shell/common/shell.cc(181)] Dart Error: Unhandled exception:
E/flutter (22681): setState() called after dispose(): _BillsPayWaterState#66be5(lifecycle state: de
浏览 1提问于2018-09-12得票数 51
回答已采纳
我有一个消防队的数据库。我想知道的是如何检查这个数据库中是否存在某个文档引用。我以前工作过的代码现在坏了。
获取参考
travelTotalReference =
Firestore.instance.document('$_id/$_presentDate BalanceTotal');
检查数据是否存在
travelTotalReference.get().then((dataSnapshot) {
if (dataSnapshot.exists) {
setState(() {
travel =
浏览 4提问于2018-10-05得票数 0
我有一张集装箱清单。当我按下浮动按钮时，我想要将随机容器的颜色更改为随机颜色。这个函数选择一个随机的颜色。
getColor() {
Random random = Random();
Color? _color = Color.fromARGB(
255, random.nextInt(255), random.nextInt(255), random.nextInt(255));
print("selected color: $_color");
return _color;
}
这个应该是将选定的颜色设置为一个随机容器的颜色。
void _
浏览 2提问于2022-02-22得票数 1
回答已采纳
3回答
我正在用颤振构建一个应用程序，我遇到了这样的错误：
我正在做一个列，里面有两个容器。顶部的集装箱有固定的高度，40%的屏幕。底部容器的高度发生变化。它的高度取决于它里面容器的数量。如果内部容器的数量超过6个，那么我就有一个溢出。然而，我想要一个可滚动的行为(仅在第二个小部件上)。这是最低限度的可复制代码：
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget bu
浏览 1提问于2022-09-23得票数 1
回答已采纳
嗨，我是Flutter应用开发者的新手，所以请帮助我。第一次启动应用程序时，工作正常，但在选择下拉值时选择，然后使用GridView.count获取错误 ? 。 ProductsModel values = snapshot.data;
List<Product> results = values.data;
List<List<Inventory>> productList=values.data[index].inventory;
List<Inventory> productInventoryList=prod
浏览 37提问于2020-10-03得票数 0
1回答
import 'dart:math';
import 'package:audioplayers/audio_cache.dart';
import 'package:audioplayers/audioplayers.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:image_sequence_animato
浏览 0提问于2020-08-21得票数 0
1回答
我想做什么的图表]
当screen2_flag的值变为true (在firebase cloud firestore上)时，我想从screen1导航到Screen2，
如图所示，我有一个屏幕1，它工作得很好，直到我将screen2_flag的值从false更改为true时，Flag值为false。
void initState() {
super.initState();
DocumentReference reference =
Firestore.instance.collection('myColection').document(&
浏览 1提问于2020-04-21得票数 0
2回答
? 我是第一次接触flutter。我尝试在一个子级中获得两个网格视图。我如何使用flutter来实现这一点。我可以使用哪个小部件来实现这一点。我尝试将两个网格视图都分配给一个column-widget，并将其分配给子组件，但没有成功。我可以创建多个子对象并将它们分配给一个实体吗？ 谢谢你的帮助 @override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
bod
浏览 7提问于2020-09-28得票数 0
回答已采纳
1回答
看一下下面的代码片段。 class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
final child = CustomTextWidget();
@override
Widget build(BuildContext context) {
return Scaffold(
浏览 12提问于2020-12-07得票数 1
我是第一次接触flutter。我在试着做一个x-o游戏。我还在这个应用程序的第一步。我正在使用gridview.count来制作游戏的布局。问题是有状态小部件的属性(choice，onTap())没有在网格视图图块中定义。这是我的代码
return Scaffold(
appBar: AppBar(title: Text('Tic Tac Toe')),
body: GridView.count(
crossAxisCount: 3,
crossAxisSpacing: 2.0,
mai
浏览 31提问于2018-08-30得票数 0
回答已采纳
3回答
请考虑下面的代码。
textController是在initState期间创建的。如果按下按钮，则在setState中创建另一个setState：
import 'package:flutter/material.dart';
void main() { runApp(Test()); }
class Test extends StatefulWidget {
TestState createState() => TestState();
}
class TestState extends State<Test> {
TextEditingCon
浏览 1提问于2018-11-08得票数 12
我有一个有状态的小部件，它有一个简单的网格，每个网格单元格内部都有一个容器。
我想单击一个单元格/容器并更改其内容。
问题是所有cels的应用刷新时都会触发GestureDetector -> onTap方法。
在下面的示例中，所有cels的_changeCell方法都会立即触发，而onTap不起作用。
有什么想法吗？
import 'package:flutter/material.dart';
class GridWidget extends StatefulWidget {
@override
_GridWidgetState createState()
浏览 0提问于2018-04-27得票数 20
回答已采纳
我对Admob的小工具有个问题。我正在开发一个包含Admob横幅小部件的flutter应用程序的新功能。但是，当我setState另一个小部件的值时，Admob小部件得到一个错误。
我正在使用:google_mobile_ads: ^0.11.0+1
横幅是这样构建的：
@override
void initState() {
setState(() {
_adBanner = createBannerAd();
});
super.initState();
}
@overri
浏览 1提问于2021-03-16得票数 4
6回答
作为初来乍到的新手，当我在Flutter应用程序中使用Flutter时，我非常困惑。在下面的代码中，布尔searching和var resBody在setState中使用。我的问题是为什么只有searching和resBody在setState内？为什么其他人不变量呢？
var resBody;
bool searching = false,api_no_limit = false;
String user = null;
Future _getUser(String text) async{
setState(() {
searching = true;
});
user = tex
浏览 5提问于2018-07-11得票数 52
回答已采纳
1回答
小部件的生命周期问题
、、、
我有一个MaterialPageRoute列表，传递一个GridView.count ()为每个路由挂载该列表。当我从这些MaterialPageRoute中的一个移出并返回并重复相同的操作时，就会发生故障，它会抛出一个异常： **════════ Exception caught by gesture ═══════════════════════════════════════════
The following assertion was thrown while handling a gesture:
'package:flutter/src/widgets/navigato
浏览 12提问于2021-08-30得票数 0
回答已采纳
大家早上好，
我试图在列中的GridView上方返回一个文本。我没有从flutter中得到任何错误，但是当我运行它时，它只返回AppBar，而不返回任何其他内容，并且在终端中我得到了以下文本：
“另一个异常被抛出:断言失败: file:///C:/Users/39342/Desktop/Development/Sdk/flutter/packages/flutter/lib/src/rendering/box.dart:1927:12”
这里我给你我正在使用的代码：
@override
Widget build(BuildContext context) {
return Sca
浏览 2提问于2022-01-24得票数 0
我正在用地理定位7.6.2软件包来做地理定位。关闭流时内存泄漏有问题。小部件如下所示：
class _GeolocatorActiveState extends State<GeolocatorActive> {
StreamSubscription<Position>? _currentPosition;
double distanceToday = 0.0;
double distanceTotal = 0.0;
bool gpsActive = true;
@override
void initState() {
getCu
浏览 1提问于2021-11-29得票数 0
回答已采纳
我想在左边显示一个GridView，在右边显示一个ExpansionPanelList。我把它们放在一个Row Widget中，但是它没有工作，错误是：
Assertion failed:
D:\…\rendering\box.dart:1929
hasSize
"RenderBox was not laid out: RenderRepaintBoundary#bb5e9 NEEDS-LAYOUT NEEDS-PAINT"
The relevant error-causing widget was
Row
lib\main.dart:69
这是我在main.dart中的所有
浏览 1提问于2021-10-16得票数 0
我正在使用react-date来尝试设置所选日期的状态： <DateRangePicker
...
onDatesChange={({ startDate, endDate }) => this.setState({ startDate,
endDate })}
...
/> // PropTypes.func.isRequired 如果它位于状态所在的主组件中，则可以很好地工作，但我现在在该组件的一个子组件中具有DateRangePicker，因此我不能仅从子组件设置状态。 我曾尝试编写一个驻留在父组件中的函数来设置状态，但这不起作用： 在子组件中：
浏览 24提问于2019-05-31得票数 0
昨天，我制作了一个简单的小部件来获取数据以显示一些基本信息，但我注意到当我弹出列表时，数据通常是不存在的，我只得到错误文本。
我认为这是由于这些小部件最初是无状态的，所以我尝试将它们转换为有状态的，以便在加载页面时重新加载数据。
我就是这样为我的小部件收集数据的：
class BasicDogWidget extends StatefulWidget {
String URL;
BasicDogWidget(this.URL);
@override
createState() => new BasicDogWidgetState(URL);
}
class Basi
浏览 0提问于2018-04-06得票数 1
回答已采纳
我想上传多个图片使用Dio和multi_image_picker插件在颤栗。
List<Asset>，这是个问题，因为我不能从List<Asset>转换到List<File>，所以如果您有任何解决方案，请帮助我。
试着使用：
multi_image_picker: ^4.6.1
dio: ^3.0.4
谢谢
博纳SR.
import 'dart:io';
import 'package:dio/dio.dart';
import 'package:flutter/material.dart';
浏览 8提问于2020-01-17得票数 8
我正在学习Flutter，偶然发现有状态的窗口小部件，如下所示：
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Container();
}
上面的代码让我有点困惑，因此
浏览 0提问于2020-05-11得票数 1
1回答
我有一个主dart文件和一个设置dart文件。设置dart文件负责主dart文件的外观。Settings dart有一个AppTheme类。当用户在此设置页面上键入时，我希望主页面更新。 我的尝试是调用类并根据用户输入重新定义变量。不管我是否使用setState()都不能工作。我还尝试了jus停留在主页上，并尝试更改设置按钮的主题onPressed。那也不管用。图标按钮更新也不会更新状态。 import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenu
浏览 24提问于2019-05-28得票数 1
请看我的代码：
class HomePageState extends State<HomePage> {
bool _isLoading = false;
.....
@override
Widget build(BuildContext context) {
var drawerOptions = <Widget>[];
......
drawerOptions.add(new ListTile(
leading: new Icon(Icons.account_balance),
title
浏览 1提问于2019-03-07得票数 3
1回答
我有一个简单的表单，其中包含一个文本字段和一个提交按钮。我尝试从文本字段中检索值，并将其输出到文本小部件中。我使用的是TextEditingController。我的代码中遗漏了什么？ import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
titl
浏览 14提问于2019-10-06得票数 0
回答已采纳
2回答
我有一个颤振网站建立在渠道测试版，是用来上传大型图片。当在Chrome上进行测试时，当有大量的图像行时，就会向下滚动，这是非常滞后的。
下面是代码的示例复制。
import 'package:flutter/material.dart';
import 'package:flutter_dropzone/flutter_dropzone.dart';
void main() => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
_MyAppState createS
浏览 1提问于2020-11-30得票数 2
回答已采纳
我正在使用RenderRepaintBoundary/GlobalKey技术将Widget转换为图像文件。问题是，当我将Widget转换为图像文件时，Widget中的任何子图像小部件都会消失，但是屏幕上的其他所有东西，除了子图像小部件，都会将其转换为图像文件。
这是我的密码。它基本上是一个带有按钮和图像的屏幕。如果单击该按钮，则会获取Widget的图像快照，然后应用程序将显示此快照，而不会显示其他任何内容。因此，子图像就消失了。下面还有更多的解释：
import 'package:flutter/material.dart';
import 'dart:io';
浏览 3提问于2022-08-08得票数 2
1回答
我有一个有状态的小部件，它使用提供者来获取问题。问题类型如下： {
"question": "What...",
"answer: 1829,
"buffer": [1928, 1874, 1825]
} 我有一个shuffle方法，它可以对传递给它的项进行混洗。因此，在我的小部件中，我有这样的代码： @override
Widget build(BuildContext context) {
var state = context.watch<Services>();
Tion tion;
List
浏览 15提问于2021-04-02得票数 1
回答已采纳
当我单击IconButton()从list movies中删除所有项目时，直到再次打开页面时才能看到更改...
有人知道我能怎么修复吗？
这是我的infoPage((“B类”))：
class InfoPage extends StatefulWidget {
int id;
int pageId;
InfoPage(this.id,this.pageId);
@override
_InfoPageState createState() => _InfoPageState(id,pageId);
}
class _InfoPageState extends Stat
浏览 0提问于2019-12-03得票数 0
4回答
我试图通过读取TabBarView的TabController索引在其每一页上显示制表符号。然而，由于某种原因，即使在日志中打印了正确的值，该值似乎并不能在视觉上正确地更新。
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildConte
浏览 28提问于2022-01-17得票数 2
回答已采纳
1回答
我正在使用提供者包的颤振，但无法确定为什么它不改变背景图像时，我调用mymodel.image。它应该访问MyModal类，并将现有的映像:Image.asset(‘Image.asset/背景_Image.jpeg’，fit: BoxFit.fill)更改为SmallImage屏幕中的映像。
mymodel.image = Image.asset('images/hello_image.png', fit: BoxFit.fill);
它替换了HomePage上的背景图像。
HomePage屏
import 'package:flutter/material.dar
浏览 2提问于2020-10-23得票数 1
回答已采纳
App是一个简单的内存/猜测游戏，有一个方格。浮动动作按钮触发一个“新游戏”对话框，一个Yes响应在主小部件上触发setState()。print()调用显示它正在构建网格中的所有Tile小部件，但是当它返回时，旧的网格值仍然显示。可能做了什么蠢事但没看到。基本代码如下。如果有人能看到丢失的/无效的/坏的/等等。
Main.dart是通常的main()，它创建一个无状态HomePage，它创建一个使用此状态的有状态小部件：
class MemHomePageState extends State<MemHomePage> {
GameBoard gameBoard = Gam
浏览 3提问于2022-11-29得票数 0
据我所知，
flutter有一个小部件树和一个元素树。对于小部件树中的每个有状态小部件，元素树中的一个元素被创建，其上附加有状态对象，即指向小部件，并在调用setState()时重新构建该小部件，方法是销毁它并替换为一个新小部件。
如果小部件被销毁，那么在替换新小部件而不是旧小部件之前，所有的小部件配置都在哪里？
浏览 6提问于2022-02-15得票数 3
我想使用Flutter的SharedPreference保存用户首选项。但是注册的首选项在新的开始时都是空的(当应用程序已经关闭，而不是独立的时候)。
settings.dart：
import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';
class SettingsPage extends StatefulWidget{
@override
_SettingsPageState createState()
浏览 1提问于2019-02-04得票数 9
回答已采纳
我是新手，我一直在努力解决不更新UI上的子部件的问题。通过一些尝试，我发现在向list添加新元素之后，将list作为小部件的子元素传递将无法工作。但是使用list.map((widget) {return widget;}).toList();将完美地工作，用户界面将在添加新的子程序后进行更新。
简单的例子：
工作：
class _SomeWidgetState extends State<SomeWidget> {
List<Widget> _buttons = new List();
@override
Widget build(BuildConte
浏览 0提问于2020-07-25得票数 1
回答已采纳
当我通过虚拟google像素上的visual studio代码运行调试会话时，在打开vs代码中的调试控制台后，我会得到一个"nosuchmethoderror: null:value“。这是由我在虚拟机上运行这个引起的吗？不然我怎么解决这个问题？以下是文件的代码：
import 'dart:async';
import 'package:demo_2/main.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart
浏览 2提问于2020-12-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
