flutter - 如何在颤动中隐藏文本字段的一侧？

Question

我正在使用 TextField 类，我想在其中隐藏文本字段的左侧边框，如下图所示。

                 TextField(
                      onChanged: bloc.changeUserName,
                      decoration: new InputDecoration(
                          border: new OutlineInputBorder(
                              borderSide: const BorderSide(
                                  width: 2.0, style: BorderStyle.solid),
                              borderRadius: BorderRadius.circular(50.0)),
                          focusedBorder: OutlineInputBorder(
                            borderSide: const BorderSide(
                                color: Colors.grey, width: 2.0),
                            borderRadius: BorderRadius.circular(50.0),
                          ),
                          hintText: 'User Name',
                          hintStyle: new TextStyle(
                              color: Colors.grey,
                              fontWeight: FontWeight.bold),
                          suffixIcon: const Icon(
                            Icons.person,
                            size: 30.0,
                            color: Colors.grey,
                          ),
                          errorText: snapshot.error),
                    );

提前致谢！

标签： flutterreduxbloc

Answer 1

你可以改变你的BoxDecoration

decoration: BoxDecoration(
   border: Border(
    left: BorderSide(width: 16.0, color: Colors.transparent),
    top: BorderSide(width: 16.0, color: Colors.lightBlue.shade900),
    right: BorderSide(width: 16.0, color: Colors.lightBlue.shade900),
    bottom: BorderSide(width: 16.0, color: Colors.lightBlue.shade900),
),