我有一个使用map方法创建的动态菜单。
{navigationOptions.map(option => {
return (
<TouchableOpacity key={option.code}
onPress={() => this.procedureOptionSelected(option.code)}
>
<Text bold style={header.NavigationBarOption}>
{option.type}
</Text>
</TouchableOpacity>
);
})}
但是,按菜单选项时需要下划线。
因此,假设我按下了第一个选项。因此,在第一种选择中,必须有一个下划线。
但是我不知道如何在本机反应中做到这一点。有人可以帮我一个主意吗?
谢谢!
您可以向其中添加style
道具TouchableOpacity
并检查它是否是选中的按钮,如下所示:
<TouchableOpacity
style={{ borderBottomWidth: this.state.selected === option.code ? 1 : 0 }}
onPress={() => this.setState({ selected: option.code })
>
...
</TouchableOpacity>
我猜你也可以使用,this.procedureOptionSelected()
因为你option.code
也在那里设置了!
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句