适用于iOS和iOS的React-Native包装器类android库

时间:2018-02-26 03:37:01

标签: reactjs react-native cross-platform

我正在学习RN,并希望为两个在不同平台上做同样事情的库创建一致的接口(包装器),例如,DatePickerIOS&反应天然轮选择器-机器人。

我尝试了<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table> <tr> <td><input class = 'amount_paid' type = 'number'></td> <td><input class = 'amount_remaining' type = 'number'></td> </tr> <tr> <td><input class = 'amount_paid' type = 'number'></td> <td><input class = 'amount_remaining' type = 'number'></td> </tr> <tr> <td><input class = 'amount_paid' type = 'number'></td> <td><input class = 'amount_remaining' type = 'number'></td> </tr> </table> <button id = 'sub'>SUBMIT</button>等,或Platform.OS === 'android',但不确定他们是否可以将库导入为Platform.select

我必须在包装器中导入两个库吗?我可以在构建时仅导入目标平台的库吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

更好的是,您可以创建2个单独的文件,并且本机将根据运行的平台和文件名知道要使用哪个文件。

* .android.js将被加载到android上的bundle中 * .ios.js将被加载到ios上的包中

创建datepicker.android.js并导入react-native-wheel-picker-android 在该文件中为android选择器编写逻辑。

创建datepicker.ios.js并导入DatePickerIOS ...