Flutter让某个Container可以获得tab聚焦
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获得聚焦时,边框颜色会变为蓝色。
原文地址: http://www.cveoy.top/t/topic/ASC 著作权归作者所有。请勿转载和采集!