結論から言うとすごい初歩的なミスでした。。。
enabledBorderを使用する時は、
入力時のフォーマットを[focusedBorder]で指定する必要があります。
enabledBorder = 非フォーカス時の枠線フォーマット
focusedBorder = フォーカス時の枠線フォーマット
ついでに・・・
今回TextFieldの枠線の色を変えるためにenabledBorderを使ったのですが、
フォーカス時の色はデフォルトの色がよかったのでfocusedBorder内で配色と幅を調整してみました。
borderSide: BorderSide(color: Color(0xFF2C98EF),width: 2),
作ったTextFieldの全体
TextField( controller: _searchController, decoration: InputDecoration( prefixIcon: Icon(Icons.search_outlined), enabledBorder: const OutlineInputBorder( borderSide: BorderSide(color: Color(0xFF66A5AD)), borderRadius: const BorderRadius.all( const Radius.circular(40.0), ), ), focusedBorder: const OutlineInputBorder( borderSide: BorderSide(color: Color(0xFF2C98EF),width: 2), borderRadius: const BorderRadius.all( const Radius.circular(40.0), ), ), filled: true, fillColor: Colors.white70 ), ),
コメントを残す