在本机反应中制作响应式按钮

【问题标题】：Make responsive button in react native在本机反应中制作响应式按钮
【发布时间】：2015-11-05 10:38:58
【问题描述】：

我想让按钮以动态宽度做出本机反应。我只想在按钮组件中提供文本，它根据文本宽度创建按钮。

【问题讨论】：

【解决方案1】：

<View style={{justifyContent: 'center', alignItems: 'center'}}>
    <TouchableHighlight style={{backgroundColor:'red', paddingTop:10, paddingLeft:20, paddingRight:20, paddingBottom:10}}>
        <Text style={{color:'white', fontWeight:'bold'}}>BUTTON 2</Text>
    </TouchableHighlight>
</View>

【讨论】：

【解决方案2】：

为此，请使用填充。我已经设置了一个示例here。

<TouchableHighlight style={{backgroundColor:'red', paddingTop:10, paddingLeft:20, paddingRight:20, paddingBottom:10}}>
    <Text style={{color:'white', fontWeight:'bold'}}>BUTTON 2</Text>
</TouchableHighlight>

https://rnplay.org/apps/Hwinnw

【讨论】：