看不到flutter的borer的color Textfield()的颜色

Question

我马上就能看到

enabledBorder

和

focusedBorder

的颜色变化，但看不到边框的颜色变化

完整代码

TextField(
  enabled: true,
  decoration: InputDecoration(
    hintText: "영화 제목을 검색해주세요.",
    helperText: 'helper',
    labelText: 'label',
    counterText: 'counter',
    border: OutlineInputBorder(
      borderSide: BorderSide(
        color: Colors.red, // Default border color
      ),
    ),
    enabledBorder: OutlineInputBorder(
      borderSide: BorderSide(
        color: Colors.blue, // 테두리를 투명하게 만듭니다.
      ),
    ),
    focusedBorder: OutlineInputBorder(
      borderSide: BorderSide(
        color: Colors.green, // Border color when focused
      ),
    ),
    suffixIcon: IconButton(
      onPressed: () {},
      icon: Icon(Icons.search),
    ),
  ),
),

我想知道为什么边框的颜色变化是不可见的，我该如何改变它

我已将应用栏的颜色更改为透明，并且禁用了边框

Answer 1

border: OutlineInputBorder(
  borderRadius: BorderRadius.all(Radius.circular(10)),
  borderSide: BorderSide(
    color: Colors.red, // Default border color
  ),
),
enabledBorder: OutlineInputBorder(
  borderRadius: BorderRadius.all(Radius.circular(10)),
  borderSide: BorderSide(
    width: 1,
    color: Colors.blue, // 테두리를 투명하게 만듭니다.
  ),
),
focusedBorder: OutlineInputBorder(
  borderSide: BorderSide(
    borderRadius: BorderRadius.all(Radius.circular(10)),
    width: 1,
    color: Colors.green, // Border color when focused
  ),
),

必须提供边框的半径以及focusedBorder和enabledBorder中的宽度。