React native-动态更改样式

ThadeuMunhóz塞萨里奥

我有一个使用map方法创建的动态菜单。

          {navigationOptions.map(option => {
              return (
                <TouchableOpacity key={option.code}
                  onPress={() => this.procedureOptionSelected(option.code)}
                >
                  <Text bold style={header.NavigationBarOption}>
                    {option.type}
                  </Text>
                </TouchableOpacity>
              );
            })}

但是,按菜单选项时需要下划线。

因此,假设我按下了第一个选项。因此,在第一种选择中,必须有一个下划线。

但是我不知道如何在本机反应中做到这一点。有人可以帮我一个主意吗?

谢谢!

穆罕默德·Kh75

您可以向其中添加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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

当TextInput onFocus和onBlur.React-Native更改样式

来自分类Dev

更改样式和属性 onTextChange - React Native

来自分类Dev

使用React备忘录动态更改样式

来自分类Dev

React Native:在文本中查找子字符串,并以编程方式更改样式

来自分类Dev

React Native 动态样式

来自分类Dev

React Native 动态更改 drawerLabel

来自分类Dev

React Native:动态样式类变量

来自分类Dev

在React Native中按更改按钮样式

来自分类Dev

React Native:更改ListView项目的样式

来自分类Dev

我可以在react js包中更改样式吗?

来自分类Dev

语义UI React更改样式占位符文本CSS

来自分类Dev

react native 从 SQLite 动态更改 ListView

来自分类Dev

具有默认StyleSheet React Native的动态inilne样式

来自分类Dev

如何在 React Native 中通过点击设置动态样式?

来自分类常见问题

如何在React Native中更改特定列的样式?

来自分类Dev

如何在React Native中更改TextInput占位符的样式?

来自分类Dev

在Focus React Native Paper上更改TextInput样式

来自分类Dev

OnPress从循环更改组件样式-带钩子的React Native

来自分类Dev

使用 React Native 在 onPress 后更改按钮样式

来自分类Dev

如何从 React Native 的列表中更改所选文本的样式

来自分类Dev

如何在React Native中更改语句中的单词样式?

来自分类Dev

angularjs:动态更改样式失败

来自分类Dev

元素的动态更改样式(DomIcon)

来自分类Dev

angularjs:动态更改样式失败

来自分类Dev

React Native Elements全局样式

来自分类Dev

使用React Native的Flexbox样式

来自分类Dev

React Native - 选择多种样式

来自分类Dev

babel-plugin-react-css-modules不会更改样式标签中的类名称

来自分类Dev

React Native中的动态色彩

Related 相关文章

热门标签

归档