做出反應原因的響應按鈕

Question

我想用動態寬度做出反應原生的按鈕。 我只是想在按鈕組件中提供文本，它根據文本寬度創建按鈕。

Answer 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>

Answer 2

要實現此目的，請使用填充。 我在這里建立了一個例子。

<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