搭建一个RN组件库

最新推荐文章于 2025-11-25 08:56:07 发布

原创

最新推荐文章于 2025-11-25 08:56:07 发布 · 2.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #react native #javascript

1.开始搭建空白组件

搭建一个组件最好的方法就是本地测试通过后上传到私有库，然后再安装到app上发布上架。

但是我们这是一个全局基础组件，所以不可能每个功能都写一个组件，这样的话我们需要把全局基础组件整成一个集合，但是我们的全局基础组件库也会依赖别的三方组件。这样就产生了下面的组件库结构

└── react-native-xxxxxx
    ├── README.md
    ├── android
    │   ├── build.gradle
    │   └── src
    │       └── main
    │           ├── AndroidManifest.xml
    │           └── java
    │               └── com
    │                   └── reactlibrary
    │                       ├── RNCardviewModule.java
    │                       └── RNCardviewPackage.java
    ├── index.js
    ├── ios
    │   ├── RNCardview.h
    │   ├── RNCardview.m
    │   ├── RNCardview.podspec
    │   ├── RNCardview.xcodeproj
    │   │   └── project.pbxproj
    │   └── RNCardview.xcworkspace
    │       └── contents.xcworkspacedata
    └── package.json