开发者社区> 问答> 正文

是否可以使用代码设置子表单某个组件的列宽,哪位大神写过这个代码。

如题

展开
收起
police251109 2023-08-19 15:57:18 90 0
来自:钉钉宜搭
1 条回答
写回答
取消 提交回答
  • 北京阿里云ACE会长

    如何正确的提问,得到有效帮助


    我已经认真阅读了 你的问题:

    【 是否可以使用代码设置子表单某个组件的列宽,哪位大神写过这个代码。

    并思考了

    建议如下:


    是的,您可以使用代码设置子表单某个组件的列宽。以下是一个使用 Flutter 编写的示例,演示如何设置子表单(子组件)的列宽:

    import 'package:flutter/material.dart';
    void main() {
    runApp(MyApp());
    }
    class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
    return MaterialApp(
    home: Scaffold(
    appBar: AppBar(title: Text('子表单列宽示例')),
    body: Padding(
    padding: EdgeInsets.all(16.0),
    child: Form(
    child: Column(
    children: [
    FormField(
    decoration: InputDecoration(
    labelText: '姓名',
    ),
    validator: (value) {
    if (value.isEmpty) {
    return '请输入姓名';
    }
    return null;
    },
    builder: (FormFieldState state) {
    return Column(
    children: [
    TextFormField(
    decoration: InputDecoration(
    labelText: '姓名',
    ),
    onChanged: (value) {
    state.didChange(value);
    },
    ),
    SizedBox(width: 10),
    Text(
    '列宽设置示例',
    style: TextStyle(fontSize: 18),
    ),
    ],
    );
    },
    ),
    SizedBox(height: 20),
    FormField(
    decoration: InputDecoration(
    labelText: '地址',
    ),
    validator: (value) {
    if (value.isEmpty) {
    return '请输入地址';
    }
    return null;
    },
    builder: (FormFieldState state) {
    return Column(
    children: [
    TextFormField(
    decoration: InputDecoration(
    labelText: '地址',
    ),
    onChanged: (value) {
    state.didChange(value);
    },
    ),
    SizedBox(width: 10),
    Text(
    '设置列宽',
    style: TextStyle(fontSize: 18),
    ),
    ],
    );
    },
    ),
    ],
    ),
    ),
    ),
    ),
    );
    }
    }
    CopyCopy

    在这个示例中,我们创建了一个包含两个子表单(子组件)的表单。第一个子表单是姓名输入框,第二个子表单是地址输入框。在第二个子表单中,我们使用 SizedBox 来设置列宽。通过调整 SizedBox 的 width 参数,您可以设置不同列宽。

    2023-08-26 15:25:48
    赞同 展开评论 打赏
问答分类:
问答地址:
来源圈子
更多
收录在圈子:
+ 订阅
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载