开发者社区 问答 正文

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

如题

展开
收起
police251109 2023-08-19 15:57:18 104 分享 版权
来自: 钉钉宜搭
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
    赞同 展开评论
问答分类:
问答地址: