- 擴(kuò)展名區(qū)分平臺(tái)。針對(duì)不同平臺(tái)使用拓展名字用以區(qū)分，此種形式是RN特有的一種方式。只要使用特定的拓展名，就會(huì)被RN框架進(jìn)行區(qū)分識(shí)別
//在同一目錄下創(chuàng)建擴(kuò)展名不同的組件
Button.android.js
Button.ios.js
//然后直接這樣使用，RN會(huì)自動(dòng)根據(jù)平臺(tái)使用對(duì)應(yīng)的組件
import Button from './Button'
- 使用ReactNative的Platform模塊進(jìn)行區(qū)分
//首先，需要從react-native中引入Platform
import { Platform } from 'react-native'
//針對(duì)不同平臺(tái)差異性編寫對(duì)應(yīng)的樣式
styles: {
flex: 1,
position : "absolute",
left:0,
right:0,
...Platform.select({
ios: {
top:10
},
android: {
top:5
},
}),
height: (Platform.OS === 'ios') ? 100 : 110,
}
//針對(duì)不同平臺(tái)差異性編寫對(duì)應(yīng)的組件
var HeaderComponent= Platform.select({
ios: () => require('HeaderOfIOS'),
android: () => require('HeaderOfAndroid'),
})();
<HeaderComponent/>;
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。
