flutter - 如何隐藏 TextField 的底部边缘？

Question

如何隐藏 TextField 的底部边缘？

 TextField(
     decoration: InputDecoration(
     hintText: '[phone]',
 ),

标签： flutter

Answer 1

您可以使用以下*border参数：TextField

TextField(
  decoration: InputDecoration(
    hintText: '[phone]',
    // Hides the border when the TextField is enabled
    enabledBorder: OutlineInputBorder(
      borderSide: const BorderSide(color: Colors.transparent),
    ),
    // Hides the border when you click the TextField
    focusedBorder: OutlineInputBorder(
      borderSide: const BorderSide(color: Colors.transparent),
    ),
    // Hides the border when the TextField is disabled
    disabledBorder: OutlineInputBorder(
      borderSide: const BorderSide(color: Colors.transparent),
    ),
  ),
)