开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么RaisedButton和TextField不继承父容器小部件的维度

RaisedButton和TextField不继承父容器小部件的维度是因为它们具有自己的默认尺寸和布局规则，与父容器的尺寸无关。这样设计的目的是为了提供更大的灵活性和可定制性，使开发者能够根据实际需求自由调整按钮和文本框的大小和位置。

具体来说，RaisedButton是一个具有凸起效果的按钮小部件，它的默认尺寸是根据Material Design规范确定的，通常具有固定的宽度和高度。开发者可以通过设置按钮的宽度、高度、内边距等属性来调整其尺寸和样式。RaisedButton常用于表单提交、操作按钮等场景。

TextField是一个文本输入框小部件，它的默认尺寸也是根据Material Design规范确定的，通常具有固定的宽度和高度。开发者可以通过设置文本框的宽度、高度、内边距等属性来调整其尺寸和样式。TextField常用于用户输入文字、密码等场景。

由于RaisedButton和TextField具有自己的默认尺寸和布局规则，它们不会自动继承父容器的尺寸。如果希望按钮或文本框与父容器的尺寸相匹配，开发者可以通过设置宽度为父容器宽度的百分比或使用布局约束来实现。

在腾讯云的产品中，与按钮和文本框相关的产品有：

腾讯云移动推送（https://cloud.tencent.com/product/umeng_push）：提供了消息推送服务，可用于在移动应用中发送通知消息，包括按钮点击事件等。
腾讯云短信验证码（https://cloud.tencent.com/product/sms_verification）：提供了短信验证码服务，可用于在移动应用中发送短信验证码，包括文本框输入验证码等。
腾讯云物联网平台（https://cloud.tencent.com/product/iotexplorer）：提供了物联网设备管理和数据通信服务，可用于连接和控制各种物联网设备，包括按钮和文本框等。

以上是腾讯云中与按钮和文本框相关的产品和服务，可以根据具体需求选择适合的产品进行开发和集成。

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

有帮助

没帮助

相关·内容

《Flutter》-- 4.Flutter组件基础

Scaffold常用的属性： 1）appBar：用于设置顶部的标题栏，不设置就不显示； 2）body：Widget类型，显示Scaffold内容的主要容器。...4.3.2 按钮组件 Materail组件库中常见的按钮组件： RaisedButton：默认是带有阴影和灰色背景的按钮，按下后阴影会变大； FlatButton：默认是背景透明并不带阴影的按钮，按下后会有背景色...如果没有提供controller，则TextField组件内部会自动创建一个。 focusNode：用于控制TextField组件是否获取输入焦点，它是用户和键盘交互的一种常见方式。...decoration：用于控制TextField组件的外观显示，如提示文本、背景颜色和边框。 textAlign：输入框内文本在水平方向的对齐方式。 textDirection：输入框内文本的方向。...buildCounter：自定义InputDecorator.counter小部件的回调实现。

12.4K3 0

Flutter跨平台移动端开发丨Text、Button、Image、Switch、Checkbox、TextField

maxLines、overflow：控制文字显示样式 textScaleFactor：控制字体大小 TextStyle：添加样式 TextSpan：文字片段设置 DefaultTextStyle：子节点继承父节点样式...) ) ] )) ), // 继承父节点样式...0xffd72722), fontWeight: FontWeight.w900, ), // 继承父节点样式...继承父节点样式"), new Text("父节点啥样我啥样"), new Text("父节点啥样我啥样"),...Checkbox 都继承 StatelessWidget ，自身也就不会保留状态，状态由父widget管理 const Switch({ Key key, @required this.value

2.5K4 0

Flutter | 常用组件

，若不指定，图片图片会根据当前父容器的限制，尽可能的显示其原始大小，如果只设置了其中的一个，则另一个则会按比例缩放，但是可通过 fit 属性来适应规则 fit：用于在图片的显示空间和图片本身大小不同的时候指定图片的适应模式...而在 iconfont 中，只是将位码对应的字形做成了图标，所以不同的字符最终就会渲染成不同的图标在 Flutter 中，iconfont 和图片相比有如下优势 1，体积小 2，矢量的图标，放大不会影响清晰度...Material 组件库中提供了单选开关 Switch 和复选框 Checkbox，他们本身都是继承自 StatefulWidget ，他们本身不会保存当前选择状态，选中状态都是由父组件来管理的。...的值会自动增加一个状态 null 总结 Switch ， Checkbox 和 Radio 本身不会维护状态，而是需要父组件来管理状态，当用户点击时，通过事件将状态通知到父组件，因此是否选中就会和用户数据发生关联...，//TODO 这里设置的不生效，日后解决表单 Form 在实际开发中，在请求接口之前会对输入框中的数据进行校验，如果对每个 TextField 都进行校验会非常麻烦，为此，Flutter 提供了一个

11.4K3 0

java GUI 快速入门

Swing 是 AWT 的拓展，Swing 具有比 AWT 丰富的组件和方法。...BorderLayout 边缘布局自动停靠窗体边缘，并且长宽随着窗体的变化。 ? GridLayout 网格布局将容器分成若干行和若干列。...组件方法如图是 GUI 控件中常用的控件关系继承图。 ? 组件分为容器(Container)和控件。容器又分为窗体(Window)和面板(Panel)。...Component 是所有组件的父类，Component 常用方法如下 Component类(抽象类）主要方法 Color getBackground() : 获取部件的背景色 Font getFont...文本框的构造函数如下 TextField()：构造一个单行文本输入框。 TextField(int)：指定长度的单行文本输入框。

1.6K4 0

超过百万的StackOverflow Flutter 问题

如何实现Android平台的wrap_content 和match_parent 你可以按照如下方式实现： 1、Width = Wrap_content Height=Wrap_content： Wrap...数据呢：在_TestState也定义同样的参数，此方式比较麻烦，不推荐。...设置当前控件大小为父控件大小的百分比 1、使用FractionallySizedBox控件。...2、获取父控件的大小并乘以百分比： MediaQuery.of(context).size.width * 0.5 Row直接包裹TextField异常：BoxConstraints forces an...], ), TextField 动态获取焦点和失去焦点获取焦点： FocusScope.of(context).requestFocus(_focusNode); _focusNode为TextField

2.1K3 1

Flutter Widget框架之旅顶

中心思想是你从小部件中构建你的UI。小组件描述了他们的视图在给定其当前配置和状态时应该看起来像什么。...MyAppBar小部件创建一个Container，其高度为56个设备无关像素，内部填充像素为8像素，均位于左侧和右侧。在容器内部，MyAppBar使用Row布局来组织其子项。...例如，应用栏有一个阴影，标题文本会自动继承正确的样式。我们还添加了一个浮动动作按钮，以便您采取措施。请注意，我们再次将小部件作为参数传递给其他小部件。...例如，IconButton，RaisedButton和FloatingActionButton小部件具有onPressed回调，这些回调在用户轻击小部件时触发。...当此小部件的父级重建时，父级将创建ShoppingList的新实例，但该框架将重新使用树已存在的_ShoppingListState实例而不是再次调用createState。

6.7K2 0

Flutter Form表单控件超全总结

TextFormField TextFormField继承自FormField，是一个输入框表单，因此TextFormField中有很多关于TextField的属性，TextFormField的基本用法...validator验证函数，输入的值不匹配的时候返回的字符串显示在TextField的errorText属性位置，返回null，表示没有错误。...Form Form组件是一个容器类控件，可以包含多个FormField表单控件，这样的好处是统一管理。...null : '账号最少6个字符'; }, ), RaisedButton( child: Text('登录'), onPressed...欢迎加入Flutter的微信交流群(mqd_zzy)，让我们一起学习，一起进步，开始我们的故事，生活不止眼前的苟且，还有诗和《远方》。

3.1K0 0

setState

通过一个TextField和RaisedButton进行拼合,样式什么的自己看，就不废话了。...var textField = TextField( controller: new TextEditingController(text: this.text), keyboardType:...() { }, child: Text("未完成"), ), ], ); 1.3.待准备的数据用一个Map盛放文字和是否选中的 var todo = <String...todo中 3.todo用来渲染Todo列表，根据key和value展现数据和复选框状态 4.复选框通过点击，改变todo的状态，来显示对勾以及文字下划线 5.根据showType的不同，选择过滤的方式...坏的代码就相当于你有个女友，又丑又乱，又凶又恶,有事没事给你找茬。然而你还不得不一直面对她,问了你一句为什么这么傻，你含着泪说:"又不是不..."

1.3K1 0

Flutter第4天--基础控件(下)+Flex布局详解

今天一开始借助Image来给大家说一个分析的小技巧,让你不到30行代码画出下图不要问有什么用，有用的时候自然会用到，有知识储备，留个印象也是好的 ?...图片的颜色混合模式.png ---- Row和Column应该说是非常常用的控件，其中有几个属性挺重要，本文最后，我将对Flex布局(Row和Column的父类)进行细致的讲解，希望你不要错过。...--凸起的按钮 RaisedButton和Android的内置Button基本上是一致的 1.1源码一览： const RaisedButton({ @required VoidCallback...---- 1.TabBar--标签Bar RaisedButton和Android的内置Button基本上是一致的 1.1源码一览： const TabBar({ Key key,...c2和c3，最终c2和c3的长度是一样的如果同时Expanded--c1，c2和c3，最终c1,c2，c3长度都是一样的 ?

2.1K3 0

为Flutter应用程序添加交互性顶

Checkbox，Radio，Slider，InkWell，Form和TextField是StatefulWidget子类的有状态小部件的示例。创建一个有状态的小部件重点是什么？...在这个例子中，切换星号是一个独立的操作，不会影响父窗口小部件或其他用户界面，因此窗口小部件可以在内部处理它的状态。在管理状态中了解更多关于窗口小部件和状态的分离以及如何管理状态的信息。...如果有疑问，首先管理父窗口小部件中的状态。我们将通过创建三个简单示例来举例说明管理状态的不同方式：TapboxA，TapboxB和TapboxC。...这些例子都是类似的工作 - 每创建一个容器，当点击时，在绿色或灰色框之间切换。 _active布尔值确定颜色：绿色表示激活或者灰色表示不激活。 ? ?...Radio RaisedButton Slider Switch TextField 资源将交互添加到您的应用时，以下资源可能会有所帮助。

4.2K2 0

Flutter TextField（输入控件）

2、普通输入文本最简易的TextFeild不包含提示文本。...TextInputType.emailAddress 带有“@”的普通键盘。 TextInputType.datetime 带有“/”和“：”的数字键盘。...TextInputType.multiline 带有选项以启用有符号和十进制模式的数字键盘。...更改TextField中的光标可以直接从TextField小部件自定义游标。...可以更改角落的光标颜色，宽度和半径。例如，这里我没有明显的原因制作一个圆形的红色光标。

3.2K2 0

Flutter 入门指北之输入处理(登录界面实战)

前面提到基础部件的时候，忘了提输入内容处理部件，这里补上，然后顺带撸个实际的界面吧 TextField const TextField({ Key key, this.controller...，但是还有个更加方便的方法，可以直接使用部件 TextFormField 来实现，不过需要我们在外层加一个 Form 部件，接下来，就要准备通过 TextFormField 来撸一个登录界面，但是这之前...导入第三方插件其实 Flutter 中缺少很多功能，需要通过导入第三方插件来实现功能，插件就是 Flutter 和原生交互的桥梁，也就是说，要写 Flutter 的插件，需要写 Android 和 iOS...和上层容器同宽 width: MediaQuery.of(context).size.width, child: RaisedButton...，和 TextFormField 的 validator的条件不符合，则会显示错误文字的提示 ?

1.9K5 0

setState

通过一个TextField和RaisedButton进行拼合,样式什么的自己看，就不废话了。...var textField = TextField( controller: new TextEditingController(text: this.text), keyboardType:...{ }, child: Text("未完成"), ), ], ); ---- 1.3.待准备的数据用一个Map盛放文字和是否选中的 var todo = {};...，根据key和value展现数据和复选框状态 4.复选框通过点击，改变todo的状态，来显示对勾以及文字下划线 5.根据showType的不同，选择过滤的方式。...坏的代码就相当于你有个女友，又丑又乱，又凶又恶,有事没事给你找茬。然而你还不得不一直面对她,问了你一句为什么这么傻，你含着泪说:"又不是不..."

9392 0

Flutter 小技巧之 ButtonStyle 和 MaterialStateProperty

为什么 TextButton 会和 MaterialStateProperty 扯到一起？...相信大家当初在从 Flutter 1 切换到 Flutter 2 的时候，应该都有过这样一个疑问： 为什么 FlatButton 和 RaisedButton 会被弃用替换成 TextButton 和...RaisedButton ？...pressed：通过鼠标、键盘或者触摸等方法发起的轻击或点击 dragged：用户长按并移动控件时 error：错误状态下，比如 TextField 的 Error 所以现在理解了吧？...另外，有时候你肯定不希望每个地方单独去配置 Style ，那这时候你就需要配合 Theme 来实现。

2.1K4 0

Flutter: Stateful 挂件 vs Stateless 挂件

每个挂件都有它的状态。状态是什么？状态就是在构建小挂件时可以同时读取信息，并且可能在运行时更改信息。简而言之，我们可以说 State 定义了 Widget 的当前属性。...继承 Stateful 挂件的类是不可变的，但是 State 是可变的。不可变的类意味着一旦对象被创建，我们不可以改变它的内容。可变的类是指一旦它被创建，我们还是可以更改它内部的状态。...应用 Stateful 挂件的步骤通过继承 StatefulWidget 去创建一个类，然后在 createState() 方法中返回状态创建 State 类挂件可能在运行时候更改它的值在 State...代码示例应用 Stateless 挂件的步骤通过继承 StatelessWidget 去创建一个类为挂件创建一个 build() 方法，在个关键在运行时不更改其内容 build() 方法中返回挂件...代码示例完整的代码和输出 import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp

4152 0

setState

通过一个TextField和RaisedButton进行拼合,样式什么的自己看，就不废话了。...var textField = TextField( controller: new TextEditingController(text: this.text), keyboardType:...() { }, child: Text("未完成"), ), ], ); ---- 1.3.待准备的数据用一个Map盛放文字和是否选中的 var todo = <String...todo中 3.todo用来渲染Todo列表，根据key和value展现数据和复选框状态 4.复选框通过点击，改变todo的状态，来显示对勾以及文字下划线 5.根据showType的不同，选择过滤的方式...然而你还不得不一直面对她,问了你一句为什么这么傻，你含着泪说:"又不是不..." ---- 结语本文到此接近尾声了，如果想快速尝鲜Flutter，《Flutter七日》会是你的必备佳品;如果想细细探究它

9363 0

Flutter Form表单控件超全总结

TextFormField TextFormField继承自FormField，是一个输入框表单，因此TextFormField中有很多关于TextField的属性，TextFormField的基本用法...autovalidate参数为是否自动验证，设置为true时，TextField发生变化就会调用validator，设置false时，FormFieldState.validate调用时才会回调validator...validator验证函数，输入的值不匹配的时候返回的字符串显示在TextField的errorText属性位置，返回null，表示没有错误。...Form Form组件是一个容器类控件，可以包含多个FormField表单控件，这样的好处是统一管理。...null : '账号最少6个字符'; }, ), RaisedButton( child: Text('登录'), onPressed

2.1K2 0

Flutte部件目录-Material Components 顶

实现Material Design指南的视觉，行为和运动丰富的小部件。应用程序结构和导航按钮输入和选择对话框，弹出框和面板信息显示布局查看Flutter窗口小部件目录中的更多小部件。...按钮 RaisedButton 材质设计凸起按钮。一个凸起的按钮由一个矩形的材料悬停在界面上。 ? ?...ButtonBar 按钮的水平排列。 ? 输入和选择 TextField 触摸文本字段将放置光标并显示键盘。 TextField部件实现了这个组件。 ?...DataTable小部件实现了这个组件。 ? Card 材料设计卡片。卡片有稍微圆角和阴影。 ? LinearProgressIndicator 进度和活动指标是应用程序加载内容的可视化指示。...GridView 网格列表由以垂直和水平布局排列的单元格的重复模式组成。 GridView小部件实现了这个组件。 ?

9.4K4 0

Flutte部件目录-基本部件（二）顶

支持以下图像格式：JPEG，PNG，GIF，GIF动画，WebP，WebP动画，BMP和WBMP 要自动执行像素密度感知资产解析，请使用AssetImage指定图像并确保在部件树中的Image部件外部存在...使用凸起的按钮将给其他大多数平面布局添加维度，例如在漫长的内容列表中，或在广泛的空间中。避免在已凸起的内容（如对话框或卡片）上使用凸起的按钮。...RawMaterialButton, 这个部件基于的部件. material.google.com/components/buttons.html 继承结构 Object>Diagnosticable...animationDuration: kThemeChangeDuration, @required Widget icon, @required Widget label }) 从一对用作按钮图标和标签的部件创建一个填充按钮...final textTheme → ButtonTextTheme 定义按钮的基本颜色，以及按钮的最小尺寸，内部填充和形状的默认值. [...]

4.4K2 0

Flutter 布局备忘录 -- 多图警告，干货建议收藏

很多部件多尽量使用小空间，比如： Card( child: const Text('Hello World!')...当你在 Column 中使用 CrossAxisAlignment.stretch 的时候，上面的现象就会发生，而你想要的是这个按钮不伸展。...Container( color: Colors.yellowAccent, child: Text("Hi"), ), ); } 如果你想伸展Container来适配它的父部件...下面的代码又一个父部件 Container 来绘制一个 image，然后有一个子部件 Container 来使用 backgroundBlendMode，但是你还是获取到和之前的效果。...代码已经验证，需要留意RaisedButton已经被ElevatedButton替代，在现实使用中需要留意。本文重点是其布局思路和技巧。

2.8K4 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭