在我们做ReactNative项目的过程中,我们会发现由ReactNative提供给我们的组件或API往往满足不了我们的需求,常常需要我们自己去封装Native组件。
今天我们介绍下如果封装一个简单的ReactNative组件,Native代码采用Android。
需求:实现一个组件、实现类似Android的Toast功能。
1、创建一个RN project
react-native init HybridDemo
如下:
$ react-native init HybridDemo
This will walk you through creating a new React Native project in /Users/birenjie/RN/projects/HybridDemo
Installing react-native package from npm...
Setting up new React Native app in /Users/birenjie/RN/projects/HybridDemo
HybridDemo@0.0.1 /Users/birenjie/RN/projects/HybridDemo
└── react@15.3.2
To run your app on iOS:
cd /Users/birenjie/RN/projects/HybridDemo
react-native run-ios
- or -
Open /Users/birenjie/RN/projects/HybridDemo/ios/HybridDemo.xcodeproj in Xcode
Hit the Run button
To run your app on Android:
Have an Android emulator running (quickest way to get started), or a device connected
cd /Users/birenjie/RN/projects/HybridDemo
react-native run-android
2、使用Android Studio打开新建的项目HybridDemo,新建一个空Library
如何新建一个Android的空Library,参考:Android Studio中为项目新建及添加Library
在这里我新建了一个Libray : rn-toast-android
3、修改rn-t