如何在Flutter中显示Stack中定位的小部件列表？
在Flutter中，可以使用Stack和Positioned小部件来实现定位的小部件列表显示。以下是实现这个功能的步骤：
- 导入Flutter的material库：
- 导入Flutter的material库：
- 创建一个包含Stack的组件，例如一个StatefulWidget：
- 创建一个包含Stack的组件，例如一个StatefulWidget：
- 在_State类中定义小部件的位置列表和其他必要的数据：
- 在_State类中定义小部件的位置列表和其他必要的数据：
- 在上面的例子中，我们定义了两个Positioned小部件，分别位于(10, 10)和(100, 100)的位置。
- 在主函数中运行MyWidget小部件：
- 在主函数中运行MyWidget小部件：
这样，Stack中的定位小部件列表就会显示在屏幕上。你可以根据实际需求修改位置和样式。
相关·内容
2回答
我做了这个布局，但我不知道如何使所有设备的响应视图。
我把我的两个输出图片如下。
后退注销箭头(RightTop)和图像(中间)。
我给出注销箭头的固定页边距。调整中心对齐图像的视图。
这是垂直的
这是水平的
这是我的设计准则。
import 'dart:io';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart&#
浏览 1提问于2021-11-23得票数 0
回答已采纳
我收到错误，不正确地使用ParentDataWidget。 import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:testapp/constants.dart';
import 'package:testapp/request/quotation_resources.dart';
import 'dart:math';
cla
浏览 130提问于2020-06-28得票数 12
回答已采纳
Flutter：我正在尝试制作一个待办事项列表应用程序。因此，我在两个子Stack小部件中使用了ListView小部件，在ListView小部件底部放置了一个Row小部件。我希望Row包含一个TextField和一个用SizedBox包装的IconButton。现在，我想要的是将IconButton对齐到右下角，而TextField对齐所有可用的空间。这个密码我试过了。
@override
Widget build(BuildContext context) {
return Scaffold(
body: Stack(
children: [
浏览 2提问于2021-11-22得票数 0
1回答
我一直试图找出如何动画一个材料卡的登录页面。第一页将有一个带有电子邮件和密码字段的卡片。第二页还将有一张卡片，上面有姓名、国家、城市和地址字段。我想展示一些不错的动画之间的两个，显示卡扩展。这两张卡目前都被包装在英雄中，但是当我从第一页导航到第二页时，就会出现溢出异常。但经过一段短时间后，异常会消失，没有黄色和黑色的条子。
我的问题是，我如何在没有异常(视觉上的黄色和黑色的条形)出现的情况下激活卡片？
我还试着把英雄放在一个装着材料卡的容器里。以及包含容器的SingleChildScrollView周围。以及包含SingleChildScrollView的中心周围。这些工作中没有一项是不溢出的
浏览 0提问于2019-01-16得票数 2
children: [
Positioned(
top: 1,
child: SizedBox(
height: 300,
width: 300,
child: FlareActor(
'assets/New File 5 (2).flr',
浏览 0提问于2019-06-09得票数 1
回答已采纳
我无法在定位的小工具中添加文本字段。有没有人能帮我弄一下代码 import 'package:flutter/material.dart;
import 'dart:math' as math;import 'dart:math' as math;import 'dart:math' as math;
import 'package:flutter_svg/flutter_svg.dart';
class Android1Widget extends StatelessWidget {
@overr
浏览 22提问于2021-08-12得票数 1
3回答
我有一个小部件的列表，作为一个卡住的孩子。当我调用setState时，列表小部件不会更新值。如果我在Stack子类中添加相同的小部件作为类(而不是列表项)，则状态为working。在下面的代码中，Stack中有两个小部件。第二个小部件是一个列表项。此小部件不会更新其值。为什么？我想有一个小部件列表上的卡住，并改变其子级的状态。在我的应用程序上，我想要管理列表中的小部件。我不想在stuck的“子”代码中添加小部件，因为这些小部件是动态添加的。
`
import 'package:flutter/material.dart';
void main() {
runApp(MyA
浏览 2提问于2021-09-03得票数 0
我使用颤振来制作用户仪表板，当我试图将黑匣子放在背景上时，它只绘制背景的一部分，即有文字的部分，而没有其他内容。
这样做的目的是让方框覆盖在背景上，让epsilon aio写作。我是新来的颤栗，所以请原谅我的任何正常的练习。
import 'package:epsilon_gui/screens/home/dashboard/dashboard_screen.dart';
import 'package:epsilon_gui/screens/home/main_components/sideMenu.dart';
import 'package:flu
浏览 11提问于2022-07-12得票数 1
这是我的代码
import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:hexated/Refactored/widgets/facultyHome.dart';
import 'package:hexated/Refactored/widgets/headings.dart';
import 'package:hexated/Refacto
浏览 5提问于2022-12-04得票数 0
我把下面的表盘放在屏幕中央。我调用了三个不同的部分来构建这个刻度盘。然而，它似乎卡在我的屏幕中心，我想把它移到顶部的中心部分。我尝试过更改对齐方式，但似乎不起作用。
这是我的代码：
这是我正在使用的依赖项：
import 'package:flutter_neumorphic/flutter_neumorphic.dart';
Widget build(BuildContext context) {
return Stack(
children: <Widget>[
浏览 2提问于2020-06-12得票数 0
我有一个小部件，当点击时，保存一个ID号，覆盖1000ms的CircularProgressIndicator，然后弹出进度指示器，并将用户路由到另一个页面。
这个带有ProgressIndicator和计时器的位是新的，它破坏了我的单元测试，现在给出了以下错误：
The following assertion was thrown running a test:
'package:flutter_test/src/binding.dart': Failed assertion: line 574 pos 12: '() {
'A Timer is
浏览 0提问于2017-02-25得票数 6
回答已采纳
2回答
大家好，我是flutter的新手，我正在尝试使堆栈可滚动，如何才能使堆栈内的Scroll不出现未绑定错误？我在另一个Stack中使用Stack，并尝试使First Stack可滚动
Stack(
children:[
Positioned(
top:0,
child:SingleScrollChildView(
child:firstStack()
),
),
Positioned(
bottom:0,
child:secondStack(),
),
]
)
浏览 17提问于2021-02-20得票数 0
4回答
据我所知，这应该是可能的，但我不太能让它工作。我在appBar的bottom中有一个Stack，在Stack中有一个Positioned列表。一切似乎都在预期的位置，但appBar正在裁剪列表，因此如果appBar和body的内容，列表不会显示在顶部。
我刚开始接触Flutter，但在HTML界，我会有一个绝对定位的列表，并且appBar会被固定为一个高于正文的z索引，从而实现分层效果。
我已经尝试了一大堆变体，但看起来appBar只是想裁剪它的孩子。任何帮助都将不胜感激。
这是一张我想要模仿的图片：
下面是一段代码：
return new Scaffold(
appBar: new
浏览 63提问于2018-07-09得票数 1
回答已采纳
我想在listView中实现这样的东西
但是，当我实现下面的代码时，我会得到呈现框错误：
RenderStack对象在布局过程中被赋予无限大的大小。I/颤振(16418)：触发异常时正在处理以下RenderObject :I/颤振(16418)：RenderStack#10b27 relayoutBoundary=up5 RenderObject布局需要-油漆I/颤振(16418)：
创建者:堆栈更新边界-<0> IndexedSemantics←I/颤振(16418)：NotificationListener←KeepAlive←AutomaticKeepAlive←
浏览 1提问于2019-06-19得票数 0
1回答
我正在尝试将图像作为图标。我可以将图像设置为图标，但唯一的问题是图像正在被脱色。我不想让图像脱色。我希望图像按原样显示。那么有没有办法在flutter中保留用作图像图标的图像的颜色呢？
浏览 2提问于2017-08-11得票数 0
1回答
如何使堆栈在颤动中响应？
、、、、
我想使用flutter中的Stack小部件实现一个带有位置指示器的地理地图。我的问题是，当我想要指示地图上的点P时，我指定了坐标(x，y)，但这些坐标只有在使用具有特定尺寸的手机时才有效，但如果我使用具有不同显示尺寸的手机，它也会改变我的位置指示器的位置，而不会指示我的点P。我的问题是:使用Stack小工具解决这种类型的问题正确吗？如果不是，我可以使用什么？
下面是我的代码片段：
<code>A0</code>
浏览 25提问于2020-03-16得票数 0
当孩子的尺寸小于屏幕的尺寸时，使用Stack可以很容易地控制布局。但是当孩子的身高大于屏幕尺寸时，您将需要使用SingleChildScrollView。但是如果我使用这个，整个屏幕就会变成白色，并产生如下所示的错误。
在这些情况下使用Stack和SingleChildScrollView时，我如何处理布局。任何帮助都是非常感谢的。谢谢。
示例代码
import 'package:flutter/material.dart';
void main(List<String> args) {
runApp(MyApp());
}
class MyApp exte
浏览 0提问于2021-04-24得票数 1
1回答
我正在尝试在flutter中重新创建一个看起来像this的UI我需要将这个形状放在上面图像中出现的位置，我做了一些研究，遇到了Flutter自定义绘画，尝试查看如何使用它来实现这个设计的教程，但找不到任何指导我正确方向的东西。请不要在flutter中重新创建this UI
浏览 9提问于2021-01-28得票数 0
我正在设计一个配置文件图像小部件，我需要执行两个不同的任务。
编辑图标将更改配置文件图像，单击图像将放大图像，但我得到了以下错误：
I/flutter (21524): The following assertion was thrown building RawGestureDetector(state:
I/flutter (21524): RawGestureDetectorState#6b90e(gestures: [tap])):
I/flutter (21524): Incorrect use of ParentDataWidget.
I/
浏览 0提问于2019-01-18得票数 2
回答已采纳
我正在使用Stack小部件在ListView中进行布局，但问题在于位置。每次我添加另一个小部件时，它总是在TopLeft上启动。所以我才用对称垫子。起初，它仍然很容易，但是经过三个小部件之后，我觉得使用比255.0还要高的对称填充真的很麻烦
Padding(
padding: const EdgeInsets.symmetric(vertical: 235.0)),
这是我的布局代码的简短版本：
return AnimatedBuilder{
builder: (BuildContext context, Widget child) {
return Scaffo
浏览 0提问于2019-01-11得票数 1
回答已采纳
2回答
我正在尝试使用Sliver来实现可折叠的列表头。当我将小部件从普通窗口小部件更改为小窗口窗口小部件时，我经常会出现这样的错误：
I/flutter ( 3141): ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
I/flutter ( 3141): The following assertion was thrown building NotificationListener<ScrollNotification>():
I/f
浏览 0提问于2017-06-12得票数 22
回答已采纳
2回答
我正在尝试创建一个最新的UI。我创建了一个具有多个小部件(图、子图等)的堆栈。我想展示的最后一个小部件是一个凸起的按钮。它必须像下面的图像一样放置。我使用了一个卡片小部件，其中包含多个小部件的堆栈。我把我的按钮放在这堆里是为了把它显示在卡片下面。但是按钮必须溢出卡片，如下图所示：
我用于卡片小部件的代码：
Widget _buildCard(BuildContext context) {
return Center(
child: Card(
shape: RoundedRectangleBorder(
borderRadius
浏览 3提问于2020-08-18得票数 0
回答已采纳
1回答
这里有一个相关的堆栈溢出问题。
如果你读到评论@德里克-拉金，就会得出结论，应该在步进器内使用一列，因为步进器是可滚动的。我正在做同样的事情，但是我面临的一个问题是，列使文本小部件只占用所需的空间，而不是整个屏幕宽度。如果我用一个材料小部件包装文本小部件并应用海拔或颜色，我会注意到这一点。
为了修复这个问题，我尝试将扩展的小部件封装在我的小部件列上。但是，我会得到渲染错误。
有人能让我知道，我如何构建一个步骤，其中包括作为展开的层次结构(列(子部分:ListWidget))。
我可以只使用列构建步骤，但我正在考虑使用扩展来纠正列中不适当的大小调整问题。
stepWidget = Expand
浏览 1提问于2018-11-27得票数 0
回答已采纳
2回答
我正在尝试实现带有图像和文本的网格视图。在这里，我希望文本在图像的底部与黑色背景。这是我的ListItem代码
class ListItem extends StatelessWidget {
String url;
String name;
ListItem(this.url, this.name);
@override
Widget build(BuildContext context) {
return new Container(
child: new Column(
child
浏览 0提问于2018-05-23得票数 5
回答已采纳
我想动画一个AnimatedContainer的子高度，其中子部件是一个列小部件。虽然我可以动画该列，但是该列的子列是单独的，而不是单个Widget导致列的子列重叠的：
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildCon
浏览 3提问于2022-05-12得票数 0
2回答
我试图将一个DropdownButton添加到我的应用程序中，但它没有呈现，出现了“底部被无穷大像素溢出”的消息，我尝试将其放入一个SizeBox、Paddign、ConstrainedBox、Row中，但是没有什么工作，请参见代码：
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text(
'Configurações',
style: TextS
浏览 0提问于2018-11-15得票数 6
回答已采纳
我正在做一个关于Flutter的报纸网站，但每当我打开一条新闻时，就会出现以下错误：“ParentDataWidget的使用不正确。”，有谁知道如何解决这个问题吗？ 列出通知： class ArticlesPosts {
String title;
String titleHome;
String subtitle;
String pic;
String author;
String notice;
String data;
ArticlesPosts({
this.title,
this.titleHome,
this.subtit
浏览 13提问于2021-04-16得票数 0
我对firebase和flutter有意见。我正在建立的应用程序登录并显示从收集的费用列表，其名称是用户id。当用户登录时，他将看到包含其集合中的项目的列表。我使用的是Stream方法。问题是，在用户登录之前，stream接收到null id，应用程序崩溃。有没有办法在用户登录后设置这个流？我将非常感谢您的帮助！ 这就是错误 The following assertion was thrown building Home(dirty):
'package:cloud_firestore/src/firestore.dart': Failed assertion: line 7
浏览 14提问于2019-12-27得票数 0
1回答
因此，基本上，我必须用特定的主题实现一个列表，其中每个主题都有一个子主题列表，这些子主题将在不同的页面上实现，每个子主题在单击时显示其各自的显示页面。现在主题和副主题的列表是huge...so，是否有更简单的方法来实现这个导航系统，而不是为所有内容创建一个新的页面？下面是我创建的主题列表的代码，它从json格式获取数据。
Expanded(
child: ListView.builder(
// scrollDirection: Axis.horizontal,
itemCount: cryptoD
浏览 3提问于2022-07-11得票数 0
每个人，
我对以下代码有问题：
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
home: MyHomePage(),
);
}
浏览 2提问于2020-02-19得票数 17
回答已采纳
我有一个Flutter应用程序，它填充了河流仪表信息的列表，并允许用户使用charts_flutter包选择一个项目并查看图表中的详细信息。 我过去通过FutureBuilder成功地使用了图表，现在正在重构它以使用提供程序。包含图表的视图按预期工作，但是当返回到前一个屏幕(仪表列表)时，在列表非常简短地显示之后，我收到一个错误。错误如下。 ? 这是呈现图表视图的代码 class GaugeDetailChart extends StatefulWidget {
GaugeReferenceModel referenceModel;
GaugeDetailChart({thi
浏览 89提问于2020-10-25得票数 0
我想在android工作室运行这段代码。我从这个网页上得到了整个文件：。我已经设置了pubspec.yaml包，但是我收到了错误。这是默认情况下出现的widget_test.dart文件。我注释掉了await tester.pumpWidget(myApp());，因为不再定义myApp()。
import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:sqlite_example/main.dart&#
浏览 0提问于2019-12-23得票数 0
1回答
大家好，我正在为flutter应用程序创建一个个人资料页面。 当SliverAppBar处于展开状态时，需要显示如下视图： ? 以及当用户滚动银色列表时的视图下方。 ? 如你所见，这是一个我可以创建的自定义堆栈。 我不知道如何在一瞬间把它弄得干干净净。 任何链接如果能深入了解flutter和slivers，我们也会非常感谢。 折叠堆栈的代码： Stack(
alignment: Alignment.topRight,
children: <Widget>[
浏览 13提问于2019-09-20得票数 1
3回答
我在Stack中有一个后台小部件，当我添加一个列小部件来堆栈背景而不是showing.when时，我从堆栈中删除了列小部件，它使用定位小部件作为列小部件的父部件来工作，它运行得很好。
我的代码：
import 'package:flutter/material.dart';
class HomePage extends StatelessWidget {
const HomePage({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
fin
浏览 9提问于2022-06-09得票数 1
回答已采纳
我试图在Listview的每次迭代中使用Listview中的Stack() Widget来在图像上显示小部件，但是我遇到了一个问题。每当我对任何小部件使用Align()时，它们都停留在顶部，并且不与Container()底部对齐。
每个图像都是一个不同的大小，所以我不能定义一个确定的大小适用于所有人。
下面的代码将alignedWidget()与topLeft对齐，尽管我将它编码为与bottomLeft对齐。
Padding(
padding: const EdgeInsets.symmetric(horizontal: 40.0),
child: L
浏览 3提问于2022-05-17得票数 0
回答已采纳
由于我引入了一个PageView小部件，我得到了以下错误：
════════ Exception caught by widgets library ═══════════════════════════════════ The following assertion was thrown while applying parent data.: Incorrect use of ParentDataWidget.
The ParentDataWidget Expanded(flex: 1) wants to apply ParentData of type FlexParentData t
浏览 3提问于2020-12-04得票数 3
回答已采纳
当我调用这个函数时，会发生错误。
Image.network(
i.toString(),
errorBuilder:((context, error, stackTrace) =>
const Icon(Icons.account_circle)))
如果无法获得图像，则显示图标。但是会显示下面的错误。
════════ Exception caught by image resource service ════════════════════════════
The following NetworkImageLoadException was thrown resolving a
浏览 3提问于2022-07-05得票数 0
回答已采纳
我找不到答案来回答我的问题，基本上所有类似的情况都与重建使用MediaQuery的小部件有关(但在我的例子中并非如此)。当我点击TextField时，键盘就会出现，在此之后，MaterialApp.router中的构建器会被调用数十次。有可能避免这么多的建筑商调用吗？
main.dart：
import 'package:flutter/material.dart';
import 'package:routemaster/routemaster.dart';
final routes = RouteMap(
onUnknownRoute: (route)
浏览 5提问于2022-09-12得票数 1
回答已采纳
2回答
我需要在彼此内部做一个多重的弧形杆。我搜索了，但是只有syncfusion_flutter_charts包有类似的东西，但是我需要许可证，.There并不限制使用其他的颤振包。这张图表有点像这个
浏览 20提问于2022-08-24得票数 0
我试着在flutter中做这个动画：
我的问题是我完全不知道该怎么做。据我所知，flutter中的小部件不知道它们的位置，也不知道其他小部件的位置。而且您不能在build方法中访问context.size。
我试着用英雄动画来做。或者ScaleTransition。但它肯定不起作用。
浏览 39提问于2017-08-30得票数 3
回答已采纳
2回答
目前，我有一个带有AppBar和页面内容的背景的堆栈。
我在页面中心显示一个Container，它与Positioned小部件放在一起，其中包含一个网格/列表视图。
@override
Widget build(BuildContext context) {
return Scaffold(
extendBodyBehindAppBar: true,
appBar: VehicleScreenAppBar(
title: title,
context: context,
),
body: LayoutB
浏览 3提问于2020-01-27得票数 8
回答已采纳
如何让这个圆圈的头像在任意的位置？
这是我的代码。我在容器中使用堆栈。也可以使用堆栈中的圆形头像和定位的小部件。
//main.dart
import 'package:application/start.dart';
import 'package:flutter/material.dart';
void main() {
runApp(MaterialApp(
initialRoute: '/',
routes: {
'/': (context) => Start(),
},
浏览 0提问于2020-08-05得票数 0
1回答
我正在开发一个颤振应用程序，下面是我的UI代码
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
class LoginPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
background
浏览 1提问于2020-09-04得票数 0
回答已采纳
我正在尝试使用Flutter来实现这种布局和内容：
如果我尝试使用一个定位的小部件来使flutter_swiper包的粘性滚动特性隐藏在屏幕的一部分，并将侧面标题放在屏幕顶部来覆盖它，那么我会得到：
I/flutter ( 6060): Another exception was thrown: A RenderFlex overflowed by Infinity pixels on the bottom.
移除定位的Widget会让布局的一部分正常工作，在这个例子中，我可能需要一个额外的卡，但我正在努力让滑块偏移，并在Stack上有正确的可滑动项比例141x118，右侧有12个填充，第三
浏览 15提问于2019-08-18得票数 0
我在Flutter中做了一个项目，在那里我有一个下拉菜单，在菜单下，我将有一个列表视图，但我得到了一个错误。但是，当我只有列表视图或下拉菜单时，它可以工作，但不是两者都有。 代码如下： class _ListViewRound extends State<ListViewRound> {
String dropdownValue = 'Runde 1';
@override
Widget build(BuildContext context) {
return Column(
children: <Widget>[
浏览 30提问于2019-03-11得票数 0
回答已采纳
我遇到一个错误，试图运行这个方法'[]‘为null的代码。可能是列表视图吗？输出甚至不再显示在调试控制台中。抱歉，我是新手。
代码：
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'dart:convert';
class GetStats extends StatefulWidget {
@override
_GetStatsState createState() => _GetStatsSt
浏览 5提问于2020-12-02得票数 1
回答已采纳
在Flutter中，我有一个任务是在上面创建一张带有标签的卡片。我可以使用stack小工具来实现这一点；但是，我不确定如何正确地对齐顶部标签，类似于flutter debug label。 ? 要做到这一点，有什么建议吗？
浏览 19提问于2021-01-15得票数 1
回答已采纳
我构建了一个颤振应用程序，ads作为一个旋转木马滑块作为堆栈小部件的底层，我在堆栈小部件的顶层有列表视图，当列表垂直滚动时，它覆盖在屏幕上的广告。
现在我遇到了旋转木马滑块的问题，我不能手动滚动它，也不能单击任何
如何解决这个问题？
演示代码：
Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Stack(
children: [
CarouselSlider(
options: CarouselOptions(
浏览 9提问于2022-04-21得票数 0
1回答
我想做一个即将到来的任务类型的UI，与滑块按钮的任务开始和停止。当滑块水平滑动时，这些按钮呈现滑块动画。我还想让任务在完成后从列表中消失。
但是，我遇到了一个有状态按钮列表的问题，在这个列表中我没有添加一个，但是它仍然显示，但是添加到列表中的按钮消失了。这是我的密码：
import 'dart:core';
import 'package:flutter/material.dart';
void main() {
runApp(new MyApp());
}
class MyApp extends StatefulWidget {
@override
浏览 0提问于2018-05-17得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
