Flutter中可以通过设置FocusNode来使得某个Widget可以获得tab聚焦。

例如,在一个Container中添加一个TextField,通过设置FocusNode来让Container可以获得tab聚焦:

FocusNode _focusNode = FocusNode();

Container(
  decoration: BoxDecoration(
    border: Border.all(
      color: _focusNode.hasFocus ? Colors.blue : Colors.grey,
    ),
  ),
  child: TextField(
    focusNode: _focusNode,
    decoration: InputDecoration(
      hintText: 'Enter text',
    ),
  ),
)

在上述代码中,我们在Container的decoration中添加了一个边框,根据_focusNode是否获得聚焦来判断边框颜色。同时,在TextField中设置了_focusNode,使得Container可以获得tab聚焦。

当Container获得聚焦时,边框颜色会变为蓝色。

Flutter让某个Container可以获得tab聚焦

原文地址: http://www.cveoy.top/t/topic/ASC 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录