首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Flutter 中FlatButton的替代方案

    最新版本的Flutter已将FlatButton标记为过时,我们可以使用 TextButton 或 ElevatedButton 来进行替代,FlatButton 与替代组件的参数会有差异。...以下是一个使用 TextButton 的示例: TextButton( onPressed: () { // 处理按钮点击事件 }, child: Text('Click me'), ); 而ElevatedButton...以下是一个使用 ElevatedButton 的示例: ElevatedButton( onPressed: () { // 处理按钮点击事件 }, child: Text('Click...me'), ); 需要注意的是,TextButton 和 ElevatedButton 都需要提供一个 onPressed 回调来处理按钮的点击事件。...TextButton 和 ElevatedButton 只能提供有限的自定义选项,如果需要更多的自定义选项,例如设置按钮的形状或阴影等,可以使用 FlatButton 的替代品 OutlinedButton

    1.9K20

    Flutter 基础组件详解:Text、Image、Button 使用技巧

    ElevatedButton(凸起按钮) ElevatedButton( onPressed: () { // 点击事件 print("ElevatedButton 被点击"); },...核心属性 按钮样式通过 style 属性(ButtonStyle)控制,核心配置: 属性名 作用 backgroundColor 背景色(ElevatedButton 生效) foregroundColor...前景色(文本/图标颜色) side 边框样式(OutlinedButton 生效) shape 按钮形状(圆角/圆形/矩形) padding 内边距 elevation 阴影高度(ElevatedButton...实用技巧 (1)自定义按钮样式(圆角、背景色、内边距) ElevatedButton( onPressed: () {}, child: Text("自定义按钮"), style: ElevatedButton.styleFrom...shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(20), // 圆角 // 边框(ElevatedButton

    17710

    【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程

    obscureText: true, ), const SizedBox(height: 24.0), ElevatedButton...obscureText: true, ), const SizedBox(height: 24.0), ElevatedButton...// 设置文字颜色为白色 fontSize: 16.0, // 可以根据需要调整字体大小扩展知识在Flutter中,OutlinedButton和ElevatedButton...**ElevatedButton**特点:具有阴影效果,看起来像是浮起的。适用场景:适用于大多数需要突出显示的按钮。2. **OutlinedButton**特点:有边框但没有填充色,看起来更简洁。...**MaterialButton**特点:类似于ElevatedButton,但提供了更多的样式选项。适用场景:适用于需要更多自定义样式的场景。6.

    1.2K10
    领券