Flutter TextField邊框顏色

1. Theme 修改主題顏色可以修改 TextField 選中時整體顏色（邊框+prefixIcon）

Theme(
  data: new ThemeData(primaryColor: Colors.red),
  child: TextField(
    controller: accountController,
    decoration: InputDecoration(
      hintText: '請輸入您的手機號',
      prefixIcon: Icon(Icons.person),
    ),
  ),
)

Theme  可以 放在  MaterialApp 進行全局設置，這樣設置一次就夠了

屬性 參考： https://www.jianshu.com/p/85e80b9ec2a4

但是不能修改光標顏色，需要 TextField 中單獨加上

cursorColor: Colors.red

 

2. 通過修改 enabledBorder 和 focusedBorder 可以調整邊框在選中和失焦時的顏色

child: TextField(
  controller: pwdController,
  obscureText: true,
  decoration: InputDecoration(
  hintText: '請輸入驗證碼',
  prefixIcon: Icon(Icons.lock),
  enabledBorder: UnderlineInputBorder(
    borderSide: BorderSide(color: Colors.orange),
  ),
  focusedBorder: UnderlineInputBorder(
    borderSide: BorderSide(color: Colors.red),
  ),
 ),
),