在自己的反應中生成響應按鈕

Question

我想讓動作寬度的本地響應按鈕生效。我只是想根據文本寬度提供按鈕組件中的文本。

Answer 1

要完成此操作，請使用填充。我已經設置了一個示例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

Answer 2

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