native-base动态设置按钮属性？

Question

我正在寻找一种将 bordered 属性动态添加到按钮元素的方法，我该怎么做？

所以我需要从 <Button> 切换到 <Button bordered>。没有将整个 <Button><Text>I'm a button</Text></Button> 分配给变量，然后复制相同但使用 bordered?

的任何方法

Answer 1

您可以根据自己的选择使用 true 或 false。将其值存储在状态中，并在执行某些操作时将其设置为 true。这就是您的 Button 的外观。

<Button bordered={this.state.isBordered}><Text>I'm a button</Text></Button>

只要你想改变它的值，只需使用 setState 就可以了

this.setState({
    isBordered:true
})

更新：

将其与 transparent 参数结合使用即可

<Button transparent bordered={this.state.isBordered}><Text>I'm a button</Text></Button>

native-base dynamically set button property?