草庐IT

pixel_layout

全部标签

layout - 用于显示图像的 Flutter 布局

任何人都可以建议如何使用flutter来创建如下所示的布局来显示图像。1个大方block和5个小方block,并且必须根据屏幕的宽度相应地调整大小。 最佳答案 在这种情况下,您可以使用flutter_staggered_grid_view包。在pubspec.yaml中导入包。dependencies:...flutter_staggered_grid_view:^0.2.2按照以下代码获取交错GridView。import'package:flutter/material.dart';import'package:flutter_

layout - 当 FutureBuilder 在 LayoutBuilder 中时 flutter 无限循环

我在LayoutBuilder中有一个PageView来获取小部件的大小。由于它取决于小部件的大小,因此在构建小部件之前我不知道会有多少页面。所以我在LayoutBuilder里面加了FutureBuilder,这样就可以异步计算页数了。这是我的代码,但它在ConnectionState.waiting中无限期等待。代码中有什么问题,如何解决?import'package:flutter/material.dart';voidmain()=>runApp(MyApp());classMyAppextendsStatelessWidget{@overrideWidgetbuild(Bui

flutter - 如何使我的脚手架小部件可滚动,这样我就不会出现 "Bottom overflowed by xx Pixels"错误

我有一个flutter应用程序,我正在尝试使其可滚动,因为我得到了“底部溢出34像素”,我确定这是当我的小部件滚动到屏幕的分配高度以下时引起的,我该如何解决这个问题:我关注了这个question解决问题,但注意到发生了:这是我的代码:returnListView(children:[newContainer(height:MediaQuery.of(context).size.height,decoration:BoxDecoration(color:Colors.white,image:DecorationImage(colorFilter:newColorFilter.mode(C

layout - 如何更简单的实现flutter布局?

我有布局效果,不知道怎么实现比较方便?我有六个或N个子小部件,放置在一个父小部件中,每行有两个子小部件,每个小部件是父小部件宽度的50%,高度是父小部件的高度/行。我可以使用column,rowexpanded来做到这一点,但我认为这不够简单。如果我的子部件是中间部件,我不知道如何动态创建它们。我要实现的布局效果:我想做的方式是下面的伪代码我可以在Android和iOS中做到这一点,但我不知道如何用flutter做到这一点。varparentWidget=Widget()for(vari=0;iFlutter的实现如下。我可以使用column,rowexpanded来做到这一点,但我认

android - 为什么除 android studio 模拟器中的 Pixel XL 设备外,所有 ADV 设备都不能工作?

我是Flutter框架的新手,当然,也是Android编程的新手。我尝试在androidstudio中运行一些使用ADV的设备,但不幸的是,当我运行它们时,除了PixelXL设备之外,大多数设备都被卡住了。我不知道为什么PixelXL可以工作,但是例如Pixel2XL不工作,当然它不仅仅是关于Pixel2XL我在nexus6上也有同样的问题。我也检查了这个问题,但它没有'不适合我。AVDEmulatorstuckonloadingscreeninAndroidStudiomyLaptopspecification:OS:Windows10x64/SSD:512GB/HDD:1TBCPU

android - flutter/Dart ,开关 : Another exception was thrown: A RenderFlex overflowed by 99640 pixels on the right

我目前正在尝试向我的android应用程序的设置页面添加一个开关。但是,当我添加代码并尝试在模拟器上查看它时,它会抛出以下错误:Anotherexceptionwasthrown:ARenderFlexoverflowedby99640pixelsontheright.代码:Container(decoration:BoxDecoration(color:Colors.white,border:Border(bottom:BorderSide(width:1.0,color:Colors.grey)),),constraints:BoxConstraints(maxHeight:((w

android - 我/flutter (17109) : Another exception was thrown: A RenderFlex overflowed by 80 pixels on the right

我正在使用带有卡片的ListView,但我需要在左侧放置一条丝带错误:I/flutter(17109):Anotherexceptionwasthrown:ARenderFlexoverflowedby80pixelsontheright.I/flutter(17109):Anotherexceptionwasthrown:ARenderFlexoverflowedby2.0pixelsontheright.I/flutter(17109):Anotherexceptionwasthrown:ARenderFlexoverflowedby63pixelsontheright.I/flu

dart - Flutter 又抛出一个异常 : RenderBox was not laid out: RenderRepaintBoundary#eaea6 NEEDS-LAYOUT NEEDS-PAINT

我正在使用SingleChildScrollView和Column来显示滑动条和gridview。如果我在我的专栏中使用一些其他小部件,如文本、图像,应用程序显示正常。但是我的swiper和gridview无法显示,报错:I/flutter(4687):══╡EXCEPTIONCAUGHTBYRENDERINGLIBRARY╞═════════════════════════════════════════════════════════I/flutter(4687):ThefollowingassertionwasthrownduringperformLayout():I/flutt

layout - 基于同级最大宽度显示小部件

我有一个列,它包含许多不同大小的文本条目,我想让它们扩展到与最大文本相同的宽度。我的文本条目被包裹在一个带有颜色的容器中,我想将它们全部与容器对齐,以便它可以用直线边框呈现。我如何在Flutter中指示它? 最佳答案 这是IntrinsicWidth的一个很好的用例.您可以将它与CrossAxisAlignment.stretch一起使用确定child的内在宽度并用它来设置你的宽度Column:这是生成上述图像的示例代码。import'package:flutter/material.dart';voidmain(){runApp(

layout - Flutter Align widget rect 不检测 onTap 手势

我有几个图像按钮布局如下:布局代码为:newContainer(height:48.0,child:newRow(children:[newGestureDetector(onTap:cancelTurn,child:newAlign(child:newImage.asset("assets/cancel_button.png"),widthFactor:1.5),),newExpanded(child:newContainer()),newGestureDetector(onTap:confirmTurn,child:newAlign(child:newImage.asset("as