Flutter TextField怎样去除下划线及有焦点时颜色

修改方法
只有把
enabledBorder: new UnderlineInputBorder
focusedBorder: new UnderlineInputBorder
设置为 borderSide: BorderSide.none, 即可,修改焦点时颜色都可以在这里定义

      Container(
                  padding: EdgeInsets.only(left: 18.0, right: 18.0),
                  height: 150.0,
                  child: new TextField(
                    controller: _mnemonicController,
                    keyboardType: TextInputType.text,
                    maxLength: 150,
                    onChanged: (value) {
                      setState(() {});
                    },
                    autofocus: false,
                    decoration: InputDecoration(
                      enabledBorder: new UnderlineInputBorder( //没有焦点时
                        borderSide: BorderSide.none,
                      ),
                      focusedBorder: new UnderlineInputBorder(  //有焦点时
                        borderSide: BorderSide.none,
                      ),
                      contentPadding:
                          EdgeInsets.symmetric(vertical: 10, horizontal: 10),
                      hintText:
                          S.of(context).string_wallet_enter_receive_amount,
                      counterText: '',
                    ),
                  ),
                ),
Flutter中,可以通过使用TextField组件来获取焦点TextField组件是一个用于接收用户输入的文本框,它有一个focusNode属性可以用来控制焦点。 首先,我们需要在StatefulWidget的构建方法中创建一个FocusNode对象,并在TextField组件的focusNode属性中传入该对象。例如: ``` class MyWidget extends StatefulWidget { @override _MyWidgetState createState() => _MyWidgetState(); } class _MyWidgetState extends State<MyWidget> { FocusNode myFocusNode; @override void initState() { super.initState(); myFocusNode = FocusNode(); } @override void dispose() { myFocusNode.dispose(); super.dispose(); } @override Widget build(BuildContext context) { return TextField( focusNode: myFocusNode, // 其他TextField的属性... ); } } ``` 接下来,我们可以使用myFocusNode.requestFocus()方法在代码中的某个位置来获取焦点。例如,我们可以在按钮的点击事件中获取焦点: ``` RaisedButton( onPressed: () { myFocusNode.requestFocus(); }, child: Text("获取焦点"), ), ``` 当按钮被点击TextField将会获取焦点并弹出键盘供用户输入。 另外,通过myFocusNode.requestFocus方法获取焦点并不会触发键盘自动弹出的效果,如果需要自动弹出键盘,可以将myFocusNode传入TextField的autofocus属性中: ``` TextField( focusNode: myFocusNode, autofocus: true, // 其他TextField的属性... ); ``` 这样,在页面加载完成后,TextField组件将会自动获取焦点并弹出键盘。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值