無論在ios還是安卓上，Button都是非常常用的一個(gè)組件，而Button的樣式肯定是需要滿足UI 的定制化需求，而在今天寫Reart-native的時(shí)候，居然發(fā)現(xiàn)，<Button>這個(gè)官方給出的控件不支持設(shè)置iOS設(shè)置背景顏色。要想實(shí)現(xiàn)還得在外面在套個(gè)view，要知道子視圖的層級(jí)過多，渲染起來就會(huì)消耗更多的性能。于是在晚上找了一下，有人推薦用TouchableHighlight 可以實(shí)現(xiàn)定制化UI 的需求。于是去官網(wǎng)看了一下這個(gè)組件TouchableHighlight
看一下它的props
image.png
里面有個(gè)style的屬性，type為view.style,這里可以設(shè)置背景顏色，和其他一些關(guān)于view的屬性。
<TouchableHighlight style = {styles.loginActionStyle}
onPress = {this._signInAction}>
<Text style= {{alignItems:'center',justifyContent:'center', padding: 10,fontSize: 18, color:'#ffffff'}}>登錄</Text>
</TouchableHighlight>
從這段代碼可以看出，它可以支持<Text>組件，這里可以設(shè)置關(guān)于Text的樣式。
整體的效果如下：
image.png
