Skip to content

Latest commit

 

History

History
80 lines (54 loc) · 3.22 KB

README.md

File metadata and controls

80 lines (54 loc) · 3.22 KB

iOS 集成

集成方式

为了方便开发者(Js、Android、iOS),mand-mobile-rn 提供了三种集成方式:

  1. react-native link
  2. cocoapods
  3. Manual - 这种方式集成,需要手动修改 iOS 工程文件,需要你了解 iOS 开发。

react-native link

如果您的React Native版本高于0.27.0,运行如下命令,会执行 mand-mobile-rn 的内置脚本,自动集成到你的 iOS 工程。

react-native link mand-mobile-rn

如果您的React Native版本低于0.27.0,运行如下命令

rnpm link mand-mobile-rn

Note: 如果你对集成原理感兴趣,可以了解RNPM,RNPM 已经在 React Native v0.27 合并到 React Native Cli,因为 React Native 官方并没有详细的文档介绍 RNPM 的功能,RNPM 项目还是你最好的文档。

cocoapods

  1. 将ReactNative和MandMobileRn的依赖添加到您的Podfile中,并指明您的npm依赖安装路径

    # React Native requirements
    pod 'React', :path => '../node_modules/react-native', :subspecs => [
       'Core',
       'CxxBridge', # Include this for RN >= 0.47
       'DevSupport', # Include this to enable In-App Devmenu if RN >= 0.43
       'RCTText',
       'RCTNetwork',
       'RCTWebSocket', # Needed for debugging
       'RCTAnimation', # Needed for FlatList and animations running on native UI thread
       # Add any other subspecs you want to use in your project
    ]
    # Explicitly include Yoga if you are using RN >= 0.42.0
    pod 'yoga', :path => '../node_modules/react-native/ReactCommon/yoga'
    pod 'DoubleConversion', :podspec => '../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec'
    pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec'
    pod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec'
    
    # MandMobileRN plugin dependency
    pod 'MandMobileRN', :path => '../node_modules/mand-mobile-rn'
  2. 运行 pod install

NOTE: MandMobileRn .podspec 依赖 React pod, 为了确保您的APP能依赖到正确的React Native版本,请确保将React依赖加入到您的Podfile参考文档.

Manual

  1. 打开您的项目

  2. node_modules/mand-mobile-rn/ios 目录中找到 MDMandMobileRn.xcodeproj , 然后将其拖入 Libraries 目录中,如图所示

    Add MandMobileRn to project

使用的第三方库

名称 协议 地址
MJRefresh MIT https://github.com/CoderMJLee/MJRefresh
TZImagePickerController MIT https://github.com/banchichen/TZImagePickerController