Button 在react native应用程序中从本机基址按时设置按钮样式

Button 在react native应用程序中从本机基址按时设置按钮样式,button,react-native,onclick,styles,native-base,Button,React Native,Onclick,Styles,Native Base,我只是在我的react本机应用程序中使用了一些来自本机的按钮,我需要修改它们的样式。事实上,按钮的样式与单击的按钮不同。 我有两个按钮:第一个按钮呈现默认页面并具有第一种样式。单击第二个按钮时,我将呈现第二个页面并更改样式。以下是我正在使用的代码: <View style={{flexDirection: 'row'}}> <Button onPress={() => this.setState({selectedTab: 'Tab1'})}>

我只是在我的react本机应用程序中使用了一些来自本机的按钮,我需要修改它们的样式。事实上,按钮的样式与单击的按钮不同。 我有两个按钮:第一个按钮呈现默认页面并具有第一种样式。单击第二个按钮时,我将呈现第二个页面并更改样式。以下是我正在使用的代码:

<View style={{flexDirection: 'row'}}>
    <Button onPress={() => this.setState({selectedTab: 'Tab1'})}>
            <Text>tab 1 </Text>
    </Button>

    <Button onPress={() => this.setState({selectedTab: 'Tab2'})}>
            <Text>tab 2</Text>
    </Button>
</View>

this.setState({selectedTab:'Tab1'})}>
表1
this.setState({selectedTab:'Tab2'})}>
表2

我需要实现一个类似的样式:

你检查了NativeBase的片段了吗?@SupriyaKalghatgi实际上我不是在寻找选项卡或片段。我正在寻找一种方法来改变按钮按下或不按下时的样式。你知道怎么做吗?感谢您在主题和风格中为同一主题添加
onFocus
prop