上面的代码中,标题和输入框间距为10,字体改为白色
时间: 2024-02-26 11:59:35 浏览: 25
好的,你可以按照以下方式修改示例代码来实现标题和输入框之间的间距为10,字体颜色为白色:
```
Container(
padding: EdgeInsets.symmetric(horizontal: 10.0),
child: Row(
children: <Widget>[
Text(
'标题',
style: TextStyle(
fontSize: 16.0,
color: Colors.white, // 修改字体颜色为白色
),
),
SizedBox(width: 10.0), // 添加间距
Expanded(
child: TextFormField(
style: TextStyle(color: Colors.white), // 修改字体颜色为白色
decoration: InputDecoration(
hintText: '请输入内容',
hintStyle: TextStyle(color: Colors.white54), // 修改提示文本颜色为白色
border: InputBorder.none,
),
),
),
],
),
)
```
在这个示例中,我们使用了一个`SizedBox`小部件来添加标题和输入框之间的间距,并且在`TextFormField`和`InputDecoration`中都设置了白色的字体颜色。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)