草庐IT

camera_gridView

全部标签

dart - 如何在 Flutter 中创建类似 Android 照片应用程序的多选 GridView 布局?

我如何在Flutter中创建具有多选功能的gridview布局,例如android照片应用程序?我一直在寻找现有的小部件,但找不到。我目前拥有的是:具有n行和2列的gridview布局。这些单元格包含一个带有一些信息和标题文本的GridTile小部件。现在我想要像android照片应用程序一样的功能,长按其中一个图block后,所有项目的左上角都会出现一个勾选圆圈。我必须自己构建它,还是有一个我目前没有找到的现有Flutter小部件? 最佳答案 我也不知道现有的小部件,但也许这会对您有所帮助:import'package:flutt

user-interface - Flutter - 如何在 AlertDialog 框中显示 GridView?

我正在尝试显示图像的GridView以允许用户从对话框中进行选择,但我遇到了呈现问题。我的UI逐渐消失,就好像一个View出现在它上面一样,但没有任何显示。这是我的代码...Future_neverSatisfied()async{returnshowDialog(context:context,barrierDismissible:false,//usermusttapbutton!child:newAlertDialog(title:newText('SAVED!!!',style:newTextStyle(fontWeight:FontWeight.bold,color:Colo

dart - 具有水平和垂直中心对齐分隔线的 GridView

我正在尝试绘制如下图所示的分隔线。我正在考虑水平添加5列,并使用1dp线使分隔列更小。然而,在Flutter中,所有列的宽度都相等,这似乎是我错了。如何绘制如下图所示的行和列分隔符?这是我使用的代码import'package:flutter/material.dart';voidmain()=>runApp(MyApp());classMyAppextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnMaterialApp(title:'FlutterDemo',theme:ThemeData(pr

android - cameras.isEmpty null flutter

当我使用示例时,任何人都可以指出我的错误forcameraFlutter错误是NoSuchMethodError:Thegetter'isEmpty'wascalledonnull.Receiver:nullTriedcalling:isEmpty我已经实现了android和ios的权限 最佳答案 我使用库image_picker:^0.4.12并且我实现了_getImage(context,ImageSource.cameraonTap,这是神奇的代码void_getImage(BuildContextcontext,ImageS

android - Gridview 中的小部件在屏幕外时丢失状态

我刚开始玩Flutter/Dart,我想知道为什么我的Card小部件在滚动到屏幕外时会丢失它们的状态。_isSelected由用户点击其中一个Card小部件来切换。一切都很好,直到它们从屏幕上消失——此时它们恢复正常。我假设我必须采取额外的步骤来保存状态,但我不太确定如何最好地解决这个问题。import'dart:convert';import'package:flutter/material.dart';import'package:flutter/services.dart';classCardHolderextendsStatefulWidget{CardHolder({Keyk

dart - 如何像在 GridView 中一样缩小 subview

有谁知道如何在Flutter中完成subview的缩小,如第一张图片所示。我使用了一个gridView,它做得很好。在第二张图片上,我使用了一行,我尝试使用Container和Constrains,但效果不是很好。;DreturnnewGridView.count(crossAxisCount:3,padding:constEdgeInsets.all(16.0),mainAxisSpacing:4.0,shrinkWrap:true,crossAxisSpacing:4.0,children:widget.foodItems.map((FoodViewModelfood){retur

dart - 如何解决小时候gridview在 ListView 中滚动的问题?

如何解决在listview中添加gridview时flutter布局的滚动问题。在androidstudiojava中我们使用NestedScrollView来解决这类问题flutter的解决方案是什么?我需要继续滚动,而listview与自定义View和gridview没有任何问题。现在gridview只允许滚动gridview如果我滚动GridView,那么顶部imageview不滚动。如何解决这个问题问题?body:ListView(children:[newImage.network("https://www.gizbot.com/img/2013/11/23-weekend-

flutter - 使 GridView 中的列在 Flutter 中可点击

我想让我的GridView的各个列都可以点击。我不太明白如何使用GestureDetector/InkWell做到这一点。我不明白如何访问网格的整列。我该怎么做(如果这甚至可以使用GridView实现)?如果不可能,我能做到这一点的最佳方法是什么?GridView.count(crossAxisCount:10,children:List.generate(50,(_){returnContainer(color:mainColor,child:Container(decoration:BoxDecoration(color:Colors.white60,shape:BoxShape.

json - 如何使用 json API flutter 在 listview 中创建 gridview

我想创建一个购物车应用我有一个问题如何通过Flutter使用JSONAPI在ListView中创建GridView我想要它完全像这个示例:/image/2KQFG.png/image/I0gY8.gif---更新----关于SliverGrid我尝试获取产品但出现错误(这是关于SliverGrid部分)I/flutter(5992):══╡EXCEPTIONCAUGHTBYWIDGETSLIBRARY╞═══════════════════════════════════════════════════════════I/flutter(5992):Thefollowingassert

gridview - 如何在 Flutter GridView 中启用分页?

我是dart的新手,我知道这可能很简单。但是,我无法找到关于如何在Flutter的GridView中启用分页的简单答案。我来自一个快速的背景,这可以通过一行来实现。collectionView.isPagingEnabled=true。同样,我怎样才能在Dart中实现这一目标? 最佳答案 使用PageView而不是GridView。引用以下代码。newPageView.builder(scrollDirection:Axis.horizontal,itemCount:item.length,itemBuilder:(context,