开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

flutter:为什么我的Positionned()小部件没有显示？

Flutter是一种跨平台的移动应用开发框架，它使用Dart语言进行开发。Positioned()是Flutter中的一个小部件，用于定位子部件在Stack中的位置。如果你的Positioned()小部件没有显示，可能是以下几个原因导致的：

Stack中没有包含Positioned()小部件：Positioned()小部件必须作为Stack的子部件使用，否则它将不会生效。请确保你的Positioned()小部件被正确地放置在Stack中。
Positioned()小部件的位置参数设置不正确：Positioned()小部件有两个必需的参数，分别是top和left（或者是bottom和right）。这些参数用于指定子部件相对于Stack的位置。请确保你正确地设置了这些参数，并且它们的值是有效的。
Positioned()小部件的子部件没有设置宽度和高度：Positioned()小部件的子部件必须设置宽度和高度，否则它将无法显示。请确保你的子部件设置了正确的宽度和高度。
Stack的overflow属性设置不正确：Stack有一个overflow属性，用于控制子部件溢出Stack时的处理方式。默认情况下，overflow属性为Overflow.clip，表示溢出的部分会被裁剪掉。如果你希望Positioned()小部件显示在Stack之外，可以将overflow属性设置为Overflow.visible。

综上所述，如果你的Positioned()小部件没有显示，你可以检查以上几个方面，确保Positioned()小部件被正确地放置在Stack中，并且设置了正确的位置参数、子部件的宽度和高度，以及适当的overflow属性。如果问题仍然存在，可以进一步检查其他可能的原因，例如父部件的约束条件等。

关于Flutter的更多信息和相关产品，你可以参考腾讯云的Flutter开发文档和相关产品介绍：

Flutter开发文档：https://cloud.tencent.com/document/product/851
腾讯云移动开发服务：https://cloud.tencent.com/product/mobdev

相关搜索:Flutter :如果没有链接，我怎么能显示没有占用空间的小部件呢？Flutter: setState没有更新定制的小部件 flutter为什么我不能从相机显示我的图像？Flutter显示裁剪的窗口小部件为什么在我的flutter中没有padLeft函数？为什么我的div没有内联显示？为什么我的ElegantNumberButton没有显示+(加号)？为什么我的JFrame上没有显示我的JButton？为什么我的MKAnnotationView没有显示？？- Swift 为什么我的overlay没有显示(Android)？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

为什么我的HibernateDaoSupport没有注入SessionFactory

前言很早之前，就打算写这一篇文章了(其实有很多源码分析的文章打算写，但是自己太拖延了导致很多文章搁浅了)。我为什么要写这一文章呢？...事情的缘由是同事在SpringBoot项目中有一个A类继承HibernateDaoSupport，但是程序运行总是抛出没有成功注入SessionFactory的错误，后来我debug Spring源码解决了这个问题...这个错误的原因是A类的RootBeanDefinition中的autowireMode的值为0，在AbstractAutowireCapableBeanFactory类中的populateBean方法中没有执行到...autowireByName(beanName, mbd, bw, newPvs)，导致SessionFactory的属性没有注入成功。...beanFactory)方法中不要使用beanFactory.getBean()会造成类性早熟，最终的后果就是类中的一些属性没有成功注入。

3K1 0

小程序的老祖宗PWA为什么没有火起来？

看上去近乎完美的PWA，出现时间要比小程序早上几年的PWA，为何不如小程序火热甚至在国内鲜为人知呢？比小程序更早的“远古小程序”PWA BAT现都已入局小程序赛道，开始新一轮的较量。...那为什么不能直接在系统层面将网页打包成App，成为和原生“并列”的App呢。 PWA（Progressive Web Apps）由此而生。...PWA没有做的这些，才是微信的最大优势。技术，流量，商业化，三者缺一不可。先说技术层面，PWA劣势明显。...建立一个提供搜索的插件库，将小程序开发中遇到的可复用的部分进行模块化。增加了对小程序开发者非技术技能（商业，运用）的学习社区。...当然还有一些别的原因，比如国内完整使用谷歌和安卓的用户体验：）最后 PWA的核心目标并不是想取代App，就像电子书的出现并没有取代纸书一样，它真正想做的相信还是不断改善用户体验，将网络与应用的长处结合起来

1.9K2 1

Flutter常见开发问题

简而言之，这些文件夹是整个应用程序，它们为 Flutter 代码的运行奠定了基础。 为什么我的 Flutter 应用这么大？如果您运行过 Flutter 应用程序，您就会知道它的速度很快。速度极快。...它是如何做到的？在构建应用程序时，它不是只使用特定资源，而是实质上需要所有资源。为什么这有帮助？因为如果我将一个图标从一个更改为另一个，则不必完全重建应用程序。...Flutter 应用程序仍然会比 Android 应用程序大一点，但它相当小，而且 Flutter 团队一直在寻找减少应用程序大小的方法。...package允许您将新的小部件或功能导入您的应用程序。package和插件之间有一个小的区别。包通常是纯粹用 Dart 编写的新组件或代码，而插件则可以使用本机代码在设备端提供更多功能。...setState() 本质上是一种告诉应用程序使用新值刷新和重建屏幕的方法。什么是有状态和无状态小部件？ TL;DR：允许您刷新屏幕的小部件是有状态小部件。没有状态的小部件是无状态的。

6.8K3 0

Flutter常见开发问题

简而言之，这些文件夹是整个应用程序，它们为 Flutter 代码的运行奠定了基础。 为什么我的 Flutter 应用这么大？如果您运行过 Flutter 应用程序，您就会知道它的速度很快。速度极快。...它是如何做到的？在构建应用程序时，它不是只使用特定资源，而是实质上需要所有资源。为什么这有帮助？因为如果我将一个图标从一个更改为另一个，则不必完全重建应用程序。...Flutter 应用程序仍然会比 Android 应用程序大一点，但它相当小，而且 Flutter 团队一直在寻找减少应用程序大小的方法。...package允许您将新的小部件或功能导入您的应用程序。package和插件之间有一个小的区别。包通常是纯粹用 Dart 编写的新组件或代码，而插件则可以使用本机代码在设备端提供更多功能。...setState() 本质上是一种告诉应用程序使用新值刷新和重建屏幕的方法。什么是有状态和无状态小部件？ TL;DR：允许您刷新屏幕的小部件是有状态小部件。没有状态的小部件是无状态的。

6.7K2 0

CPS推广：为什么我的佣金还没有到账呢

点击登录推广后台，查看银行信息：https://console.cloud.tencent.com/spread/income图片问：为什么我的佣金没有到账呢？...佣金次月月结，当月推广订单的佣金预计次月月底的28~31日到账。...如：11月份的推广佣金，需要等到该月结束，次月月结即12月，核算11月推广的佣金，扣减掉退款降配订单的佣金，确定11月总到账佣金，确定12月推广的积分，月结结束后更新12月的会员星级，最后财务流程付款，...即：实收推广佣金=应收推广佣金-代扣税费（如有）点击查看税费计算说明问：在哪里查看我的佣金收入呢？目前的CPS推广会员积分体系，根据月结佣金当月的会员星级，佣金分期支付。...推广者自行登录后台修改收款人信息PC端推广后台：登陆官网，个人中心-CPS推广；点击链接：https://console.cloud.tencent.com/spread/income移动端推广后台：【腾讯云助手】小程序

10.5K6 0

为什么我用了Redis之后，系统的性能却没有提升

很多时候，我们在面对一些热点数据的时候，通常会选择将热点数据放到redis中，以减少数据库的查询，减轻数据库的压力。但是如果我们使用redis的方式不对，那么可能导致系统的性能不升反降。...使用缓存的场景不正确我们知道redis是基于内存实现的，所以速度会非常快，我们通常会将热点数据放到redis中，以减少对数据库的压力。...但是我们为了保证缓存与数据库的数据一致性，在数据进行修改的时候，我们就需要对缓存进行维护。所以如果数据的变更很频繁的话，就需要对缓存进行频繁的维护，缓存的命中率也会特别低。...缓存的使用场景应该是修改频率不高，查询频率较高的场景。如果使用redis的场景不对，通常会导致我们得不偿失。 2. key设计不当导致产生了bigkey 什么是bigkey？...如果我们选择appendfsync always的话，虽然数据的安全性高，但是每次写入都要刷盘会导致redis的性能很大程度的降低，所以我们一般会选择appendfsync everysec的策略来对数据进行持久化

1.8K1 0

#PY小贴士# 抓下来的网页为什么没有我要的内容？

刚刚接触爬虫的同学常会遇到这样的疑问： 为什么网页上面有的信息，我用代码抓下来的里面就没有，也没有报错？...除开请求本身失败或被反爬的情况外，通常这种问题的原因其实是：页面上本来就没有你要的内容！那么网页上的内容是哪里来的？...这被称作“异步加载”，好处是将动态数据和静态的显示框架相分离，既提高了加载速度、提升用户体验，又方便多平台的接口复用。...具体细节我不展开了，你可以网上去按我给到的关键字去搜索相关内容，下次我也会专门发下这方面的讲解文章。那开发者工具里为什么又会在代码里显示出这些内容呢？...---- 在 #PY小贴士# 里，我们会分享一些 python 知识点、开发中的小技巧、容易踩到的坑，以及学员遇到并在群里提到真实问题。篇幅尽量短小，适合碎片时间阅读，欢迎关注！

2.1K2 0

『Flutter』还原初始程序

// 应用程序的标题，显示在任务管理窗口中。...TextOverflow.ellipsis, style: const TextStyle(fontWeight: FontWeight.bold), ), )); } 运行程序，效果如下：不过运行起来我发现这个程序显示的结果不是我想要的...这个颜色其实就是 MaterialApp 设置的，那么为什么会这样设置呢？...大概意思就是说 MaterialApp 组件会配置它的 WidgetsApp.textStyle，这个 textStyle 是一个丑陋的红色/黄色的文本样式，旨在警告开发人员他们的应用程序没有定义默认文本样式...4.Scaffold 说明什么说明我们的 MeterialApp 组件使用成功了，但是通过我询问 AI, AI 告诉我 home 属性是应用的首页，通常是一个 Scaffold 小部件，我观察官方也是使用的

1652 1

Flutter UI原理

Widgets本身通常由许多小的，单一用途的Widget组成，这些Widgets组合起来产生强大的效果。...2、Layer层级 3、Widget与Element 在Flutter中，Widget的功能是“描述一个UI元素的配置数据”，它就是说，Widget其实并不是表示最终绘制在设备屏幕上的显示元素，而只是显示元素的一个配置数据...列和行小部件使我们可以轻松地将其他小部件垂直或水平对齐。 Paiting绘画：例如。文本和图像小部件允许我们在屏幕上显示（“绘制”）一些内容。 Hit-Testing：例如。...Flutter沿着小部件树向下走，并通过在小部件上调用createElement()来创建第二个包含相应Element对象的树。...Flutter将会把SimpleText对应的Element和SimpleTextRender从树中移除，而SimpleButton没有对应的Element，所以会根据Widget树，创建对应的Element

3.2K2 0

Flutter你竟是这样的布局

本文翻译整理自https://flutter.dev/docs/development/ui/layout/constraints ---- 顺便插句话，我的开源项目Flutter_dojo，刚发布了2.0...---- 当学习Flutter的人问你，为什么宽度为100的某些小部件在显示的时候，宽度不为100像素时，你的默认答案是告诉他们将小部件放在Center内，对吗？不要这样做。...我的第一个孩子的位置x：5和y：5，第二个孩子的位置x：80和y：25。 Widget：亲爱的父母，我决定将尺寸设为300像素宽，60像素高。...Center告诉Container它可以是所需的任何大小，但不能大于屏幕大小。由于该Container没有Child且没有固定的大小，因此它决定要尽可能大，因此将其填满整个屏幕。...当然，屏幕是通过将tight constraint传递给Container来实现的。另一方面，宽松的约束设置了最大宽度和高度，但使小部件尽可能小。

2.3K2 0

2022年为什么要使用Flutter构建应用程序？

2022年为什么要使用Flutter构建应用程序？...作者：坚果公众号："大前端之旅" 华为云享专家，InfoQ签约作者，阿里云专家博主，51CTO博客首席体验官，开源项目GVA成员之一，专注于大前端技术的分享，包括Flutter,小程序,安卓，VUE，...以下是关于Flutter的一些最特点：它是开源的它有一个清晰的文档和一个伟大的社区由谷歌开发它有一个适合一切的小部件提高开发人员的工作效率一个单一的代码库来统治它们 为什么跨平台如此重要？...这也是2022年为什么要学习Flutter的理由单个代码库，单个技术栈。为了继续我要去的地方，如果管理应用程序的开发是困难的，想象一下管理两种不同技术的开发。...此外，基本上将小部件用于所有内容的可能性以及具有大量可用库的可能性是加快速度的另一个重要因素。

1K3 0

为什么说Flutter让移动开发变得更好？

_mediaItem), ], ) ); } 在构建布局时，我将布局的各个部分模块化为变量，方法或其他小部件。例如，图像顶部的文字气泡只是另一个小部件，它将文本和背景颜色作为参数。...该应用程序包含了电影和电视节目，并且开发过程中没有遇到任何困难。我通过构建用于加载和显示数据的泛型类来实现，这使得我可以重复使用电影和演出的每个布局。...不再有多余的样板代码。既然两个app的功能几乎一样，我就比较好奇两种不同语言实现的代码量。那么应该如何进行对比？（免责声明：Flutter版本中还没有实现持久化，原生代码写的也很乱）。...当然，你可能会问自己：我现在必须学习一个完整的其他框架吗？刚学习了Kotlin并使用架构组件，现在一切都很好。为什么我们想要去了解Flutter？...这样，我们的应用程序状态就不会与Views显示的内容不同步。而Flutter正是这样做的！还有另外一个问题：你有没有问过为什么在Android上创建工具栏菜单非常复杂？

2K1 0

Flutte部件目录-基本部件（一）

使用Flutter的视觉，结构，平台和交互式小部件集合更快地创建漂亮的应用程序。基本部件在构建您的第一个Flutter应用程序之前，您绝对需要了解这些小部件。...没有子组件的容器尽可能大，除非传入的约束是无限的。在这种情况下，他们尽可能小，有子组件的容器将自己的尺寸扩大到他们的孩子大小，构造函数的宽度，高度和constraints参数将覆盖这些。...进一步来说：如果部件没有子，没有height，没有width，没有constraints（对子部件的约束），父母提供了无界限的约束，那么Container尝试尽可能小。...如果部件没有子且没有alignment(对齐)，但是提供了高度，宽度或constraints(约束)，那么基于给定这些约束和父对象的约束相结合容器会尝试尽可能小。...// otherwise the logo will be tiny child: const FlutterLogo(), ), ), ], ) 疑难解答 为什么我的行有黄色和黑色的警告条纹

7.4K2 0

《Flutter 动画系列二》Google工程师带你选择Flutter动画控件

不要急躁，开始的我和你是一样的，第一遍看完，完全不知道在说什么，不明白不要紧，请先收藏此文章，然后先去学习下Flutter内置的25种动画组件。...这篇文章的内容是Google 的Flutter工程师Emily原创，我仅仅是翻译，原创地址：https://www.youtube.com/watch?v=GXIJJkq_H8g。...动画值是否不连续，比如一个圆圈，不连续的尺寸变化：小->大，小->大，小->大。连续的尺寸变化：小->大->小->大。是否有多个组件一起动画。...如果使用的好，可以创建一些整洁、丰富的自定义的效果或者节省性能，但如果使用的不好，你的动画可能引起更多的性能问题，就像是手动管理内存一样，要处理好共享指针，为什么要用这样用，是否有内存问题，这些问题都要考虑清楚...最后总结如下图： [choose_animation.png] 交流欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。

6720 0

《Flutter 动画系列二》Google工程师带你选择Flutter动画控件

老孟一枚有态度的程序员 ? 对初学者来说，看完这篇文章，我想你脑瓜子一定是嗡嗡的，这都说的是什么啊。...不要急躁，开始的我和你是一样的，第一遍看完，完全不知道在说什么，不明白不要紧，请先收藏此文章，然后先去学习下Flutter内置的25种动画组件。...这篇文章的内容是Google 的Flutter工程师Emily原创，我仅仅是翻译，原创地址：https://www.youtube.com/watch?...动画值是否不连续，比如一个圆圈，不连续的尺寸变化：小->大，小->大，小->大。连续的尺寸变化：小->大->小->大。是否有多个组件一起动画。...如果使用的好，可以创建一些整洁、丰富的自定义的效果或者节省性能，但如果使用的不好，你的动画可能引起更多的性能问题，就像是手动管理内存一样，要处理好共享指针，为什么要用这样用，是否有内存问题，这些问题都要考虑清楚

6992 0

Flutter 状态管理之GetX库

创建后我们可以看到main.dart，这里是flutter启动文件，同时我启动了一个模拟器，用的雷电模拟器，至于为什么不用AS自带的模拟器，只能说懂的都懂，不懂的也劝你别去用。 ...运行好了，效果如下图所示：当我们点击右下角的浮动按钮之后就会看到屏幕中的数字加1，关于这个里面的内容我在第一篇Flutter文章中就介绍过了，因此下面我们就不过多介绍代码，我们将main.dart...StatefulWidget（有状态小部件）：它是一个可变的小部件，可以在运行时改变其内部状态。它具有一个持久的状态对象（State），用于存储和跟踪小部件的变化。...总结起来，StatelessWidget 是一个不可变的小部件，适用于静态内容，而 StatefulWidget 是一个可变的小部件，适用于需要跟踪状态变化的场景。...① 添加依赖在项目的pubspec.yaml文件中，将GetX添加为依赖项： dependencies: get: 添加位置如下图所示：这里后面我并没有写版本号，这表示获取最新的版本，如需获取指定版本

990 0

Flutter 中自定义动画底部导航栏

在这个博客中，我们将探索Flutter中的自定义动画底部导航栏。我们将看到如何实现自定义动画底部导航栏的演示程序以及如何在您的 Flutter 应用程序中使用它。...介绍：显示在应用程序底部的Material小部件，用于在几个视角中进行选择，通常在 3 到 5 范围内的某个位置。底部导航栏包含各种选项，如文本标签、图标或两者。...它展示了自定义底部导航栏将如何在您的 Flutter 应用程序中工作。它显示当用户点击底部导航栏图标时，它们将被动画化并显示标签文本。当用户点击任何图标时，颜色也会发生变化和动画。...我们将添加四个具有不同文本的容器并返回**IndexedStack()**小部件。在小部件内部，我们将添加索引是我的变量 _currentIndex 和 children 是列表小部件页面。...这是我对用户交互自定义动画底部导航栏的一个小介绍。

8.8K3 0

【老孟Flutter】Flutter 2 新增的功能

Flutter确实是社区的一项工作，如果没有问题提出者，PR贡献者和代码审查者，我们就不可能进入第2版。此版本适用于所有人。 Flutter 2发行版中发生了很多令人兴奋的事情。...此版本包括一个更新的Scrollbar小部件，该小部件在桌面环境中非常有效滚动条小部件已更新，以提供桌面上预期的交互功能，包括拖动拇指，单击轨道以上下滚动页面以及在鼠标悬停在鼠标的任何部分上时显示轨道的功能...可用的修复程序列表，如带小灯泡的快速修复程序，可帮助您单击鼠标来更改代码。...此外，如果您还没有看到Flutter Community的“ plus”插件，则需要将其签出。...将其视为Flutter的“我可以使用”。有关更多详细信息，我建议CodeMagic团队发布公告博客。

7.8K2 0

Flutter 凉了吗？

如果你正在进行IO或其他耗时的操作（例如查询数据库），那么你有可能在所有Flutter应用程序中使用异步操作。如果没有异步操作，任何耗时的操作都会导致程序冻结直到此操作完成。...我更像是一个后端开发人员，所以当涉及到严重依赖它的东西时，我只想要一些简单的东西。这就是Flutter在我眼中闪耀的地方。 UI通过将不同的小部件组合在一起并修改它们以适合你的App外观来创建。...你几乎可以完全控制这些小部件的显示方式，因此你最终总是会得偿所愿。为了布局UI，可以使用诸如Row，Column和Container之类的小部件。...这只是Flutter提供的小部件中的几个，除这些之外还有很多。使用这些小部件，我们可以构建一个非常简单的UI： Flutter像一个拥有各种各样道具的魔术师，使你能轻而易举地构建App的主题。...或者，如果要将对象存储在数据库中，可以使用相同的模型将其转换为JSON。如果没有将其显示给用户的方法，这些数据就不是那么有用了。

3K2 0

如何使用 Flutter 创建桌面应用程序

Flutter 目前更专注于移动应用程序开发，但也支持基于桌面的目标。该框架带有自己的小部件工具包。...当特定的 Flutter 应用程序启动时，Flutter 将通过Skia 图形库呈现应用程序的 UI 控件。 为什么 Flutter 如此受欢迎？...使用 Flutter 开发桌面应用程序在本教程中，我将展示如何使用 Flutter 制作一个简单的跨平台桌面应用程序。...实现跨平台桌面应用程序让我们用 Flutter 实现一个小的跨平台桌面应用程序。我们将制作一个名为“TextPad”的小型文本编辑器应用程序。...它带有一种陌生的编程语言和一个全新的小部件工具包。 Flutter 的初始阶段以其令人印象深刻的整体性能和功能给大家留下了深刻的印象。我相信 Flutter 桌面很快就会与 Electron 竞争！

4.4K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭