小编DNS*_*DNS的帖子

Row 小部件内的 Flutter Wrap 小部件

我想实现这种行为。我连续有 4 个项目,但我希望中间有两个文本,就像 Wrap 小部件中的 yare 一样,如果很长,则 text2 移动到下一行并填充所有空格。text1在此输入图像描述

这是我的代码,但它溢出而不是将文本换行成两行


  Widget _buildItem(String name, String status) {
    return Container(
      padding: const EdgeInsets.all(Dimens.unitX2),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.end,
        children: <Widget>[
          Container(
            width: Dimens.unitX5,
            height: Dimens.unitX5,
            color: Colors.blue,
          ),
          SizedBox(width: Dimens.unitX1),
          Wrap(
            crossAxisAlignment: WrapCrossAlignment.center,
            alignment: WrapAlignment.spaceBetween,
            spacing: Dimens.unitX1,
            direction: Axis.horizontal,
            children: [
              Text(name),
              Text(status),
            ],
          ),
          SizedBox(width: Dimens.unitX1),
          Container(
            color: Colors.red,
            width: Dimens.unitX5,
            height: Dimens.unitX5,
          ),
        ],
      ),
    );
  }
Run Code Online (Sandbox Code Playgroud)

dart flutter flutter-layout

8
推荐指数
2
解决办法
9681
查看次数

flutter 将 errorText 对齐到 textField 的右下角

我想将 inputDecoration errorText 与 TextField 的右下角对齐。默认模式是左下角。我想将其设置为

这个图片

这是我的文本字段代码:

TextField authTextFiled(
    String hint, ValidationBloc bloc, AsyncSnapshot<String> snapshot) {
  return TextField(
    textAlign: TextAlign.right,
    onChanged: (String text) => bloc.updateText(text),
    decoration: InputDecoration(
      hintStyle: AppStyle.textFieldHintTextStyle,
      errorStyle: AppStyle.textFieldErrorTextStyle,
      errorText: snapshot.hasError ? snapshot.error : null,
      border: OutlineInputBorder(borderRadius: AppStyle.borderRadius),

      disabledBorder: OutlineInputBorder(
        borderRadius: AppStyle.borderRadius,
        borderSide: BorderSide(width: 1, color: AppColors.pinkDarkDisableColor)
      ),

      focusedBorder: OutlineInputBorder(
        borderRadius: AppStyle.borderRadius,
        borderSide: BorderSide(width: 1, color: AppColors.bluePrimaryColor),
      ),

      errorBorder: OutlineInputBorder(
          borderRadius: AppStyle.borderRadius,
          borderSide: BorderSide(width: 1, color: AppColors.pinkDarkHotColor)
      ),

      focusedErrorBorder: OutlineInputBorder(
          borderRadius: AppStyle.borderRadius,
          borderSide: BorderSide(width: 1, color: AppColors.pinkDarkHotColor)),
      hintText: …
Run Code Online (Sandbox Code Playgroud)

textfield flutter flutter-layout

1
推荐指数
1
解决办法
4216
查看次数

标签 统计

flutter ×2

flutter-layout ×2

dart ×1

textfield ×1