首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >禁用带边框的Flutter TextField

禁用带边框的Flutter TextField
EN

Stack Overflow用户
提问于 2019-09-13 05:02:12
回答 2查看 2.3K关注 0票数 0

当我使用enabled参数设置为false的TextField小部件时,边框消失了。

代码语言:javascript
复制
     Flexible(
          child: 
           TextField(
                  onTap: () {
                Future<DateTime> dateTime = _buildDataHoraInicial(context);
                dateTime.then((date){
                    _dataHoraInicial = date;
                    _dataTempoInicialController.text = date.toIso8601String();
                    print(_dataHoraInicial);
                });
              },
              controller: _dataTempoInicialController,
              style: TextStyle(color: Colors.white),
              decoration: InputDecoration(
                  contentPadding: const EdgeInsets.symmetric(vertical: 15.0),
                  enabledBorder: OutlineInputBorder(
                      borderSide: BorderSide(color: Color(0xfff7b733))),
                  prefixIcon: Icon(
                    Icons.calendar_today,
                    color: Color(0xfff7b733),
                    size: 16.0,
                  ),
                  suffixIcon: Icon(Icons.access_time,
                      color: Color(0xfff7b733), size: 16.0),
                  border: OutlineInputBorder(
                      borderSide: BorderSide(color: Color(0xfff7b733))),
                  labelText: 'Data e Hora de Início',
                  fillColor: Colors.white,
                  hintStyle: TextStyle(color: Colors.white),
                  labelStyle: TextStyle(
                      fontSize: 16.0, color: const Color(0xfff7b733))),
            ),
          ),

image of the TextField Widget

如何在enabled参数设置为true并保留边框的情况下使用TextField小部件?

EN

回答 2

Stack Overflow用户

发布于 2019-09-13 05:24:47

为了解决这个问题,我从InputDecoration中添加了disabledBorder参数,并将其设置为OutlineInputBorder(borderSide: BorderSide(color: Color(0xfff7b733)))

票数 3
EN

Stack Overflow用户

发布于 2020-05-12 06:32:13

如下所示:

代码语言:javascript
复制
TextField(
            decoration: InputDecoration(
                    hintText: "Write your address",
                    border: OutlineInputBorder(borderSide: BorderSide(width: 1, color: Colors.transparent)),
                    disabledBorder: OutlineInputBorder(borderSide: BorderSide(width: 1, color: Colors.transparent)),
                    enabledBorder: OutlineInputBorder(borderSide: BorderSide(width: 1, color: Colors.transparent)),
                    errorBorder: OutlineInputBorder(borderSide: BorderSide(width: 1, color: Colors.transparent)),
                    focusedBorder: OutlineInputBorder(borderSide: BorderSide(width: 1, color: Colors.transparent)),
                    focusedErrorBorder: OutlineInputBorder(borderSide: BorderSide(width: 1, color: Colors.transparent)),

          ),
     ),
),
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57914452

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档