建站
咨詢
售后
建站咨詢
新聞中心
React Native 不實現(xiàn) CSS，而是依賴于 JavaScript 來為你的應(yīng)用程序設(shè)置樣式。這是一個有爭議的決定，你可以閱讀那些幻燈片，了解背后的基本原理。
10年積累的成都網(wǎng)站建設(shè)、成都網(wǎng)站制作經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有五河免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
聲明樣式
在 React Native 中聲明樣式的方法如下：
var styles = StyleSheet.create({ base: {
width: 38,
height: 38,
},
background: {
backgroundColor: '#222222',
},
active: {
borderWidth: 2,
borderColor: '#00ff00',
},
});
StyleSheet.create 的創(chuàng)建是可選的，但提供了一些關(guān)鍵優(yōu)勢。它通過將它們轉(zhuǎn)換為引用一個內(nèi)部表的純數(shù)字，來確保值是不可變的和不透明的。通過將它放在文件的最后，也確保了它們?yōu)閼?yīng)用程序只創(chuàng)建一次，而不是每一個 render 都創(chuàng)建。
所有的屬性名稱和值是工作在網(wǎng)絡(luò)中的一個子集。對于布局來說，React Native實現(xiàn)了 Flexbox。
使用樣式
所有的核心組件接受樣式屬性。
它們也接受一系列的樣式。
行為與 Object.assign 相同：在沖突值的情況下，從最右邊元素的值將會優(yōu)先，并且 falsy 值如 false，undefined和 null 將被忽略。一個常見的模式是基于某些條件有條件地添加一個樣式。
最后，如果真的需要，您還可以在render中創(chuàng)建樣式對象，但是這種做法非常不贊成。最后把它們放在數(shù)組定義中。
樣式傳遞
為了讓一個 call site 定制你的子組件的樣式，你可以通過樣式傳遞。使用 View.propTypes.style 和Text.propTypes.style，以確保只有樣式被傳遞了。
var List = React.createClass({
propTypes: {
style: View.propTypes.style,
elementStyle: View.propTypes.style,
},
render: function() { return (
{elements.map((element) =>
屬性支持
最新的 CSS 屬性支持。
-
View 屬性
-
Image 屬性
-
Text 屬性
-
Flex 屬性
本文名稱：創(chuàng)新互聯(lián)React教程：樣式
本文URL：http://www.5511xx.com/article/dhshjjo.html
