React Native创建自定义组件/库

ari*_*rik 16 cocoa objective-c ios react-native

在React Native中,有一些第三方组件可以编译自己的库,这些库可以包含在主React项目中.此类第三方库的示例如下:

现在,我非常想用链接库创建自己的React Native组件(仅限iOS,所以我只需要使用此方法链接的Cocoa库:https://facebook.github.io/react-native /docs/linking-libraries-ios.html),到目前为止,我发现的只有:http://moduscreate.com/react_native_custom_components_ios/

但是,生成的项目不指定库目标,也不能链接到其他项目.

我也尝试过复制Touch ID存储库并尝试更改那个代码,但是,我发现它是不可编译的,而不是从不同的项目引用,而后者又是要编译的项目.

我在哪里可以找到关于如何做到这一点的任何指南?谢谢!

pur*_*rii 28

1.命令:新库

React-native-cli提供了new-library命令:

react-native new-library --name <YourNewLibraryName>
Run Code Online (Sandbox Code Playgroud)

调用此方法将Libraries通过从react-native库复制样本文件在您的目录中生成样本.

2.发展

React Native有一些专门用于编写Native ModulesNative UI Components的文档,具体取决于您想要实现的目标.

3.链接组件

完成后,按照您已经提到的说明链接您的组件.

  • 我在`react-native-cli @ 0.2.0`中找不到`new-library`命令.相反,这在我的react-native模块中为我工作:`node ./node_modules/react-native/local-cli/cli.js new-library --name newlib` ...但是然后它在错误的目录中创建它.当然有一种更简单的方法吗? (9认同)
  • 跟进我的问题,如何让生成的库与Android一起工作?生成的文件夹结构中似乎缺少必要的Gradle脚本. (2认同)