React Native埋め込みios原生応用

React Nativeを使用したバージョンは0.46で、バージョンによって異なり、スレ主は穴をあけられた.一、新しいOCプロジェクトを正常に新設し、Podに加入する.二、工事ルートディレクトリにフォルダRNCorponentを新規作成し、フォルダの下に公式サイトの新規例AwesomeProjectルートディレクトリの下のpackage.jsonをドラッグし、端末がこのディレクトリを開いた後、npm install三、podを1.2.1バージョンに更新し(注意点、そうでないとエラーが発生する可能性がある)、podインストール

  pod 'Yoga', :path => './RNComponent/node_modules/react-native/ReactCommon/yoga'
  pod 'React', :path => './RNComponent/node_modules/react-native', :subspecs => [
  'Core',
  'BatchedBridge', # 0.45         
  'DevSupport', #   RN   >= 0.43，                
  'RCTText',
  'RCTWebSocket',
  'RCTNetwork',
  ]

四、RNComponentファイルの下に、公式サイトの新しい例AwesomeProjectルートディレクトリの下のindex.ios.jsをドラッグし、class名を変更し、登録行コードexport default class NativeRN extends Component AppRegistry.registerComponent('NativeRN', () => NativeRN);五、インポートヘッダファイル

#import "ViewController.h"
#import 

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    NSString * strUrl = @"http://localhost:8081/index.ios.bundle?platform=ios&dev=true";
    NSURL * jsCodeLocation = [NSURL URLWithString:strUrl];
    
    RCTRootView * rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                         moduleName:@"NativeRN"
                                                  initialProperties:nil
                                                      launchOptions:nil];
    self.view = rootView;
}

六、plistファイルはhttpアクセス七、端末がRNComponentフォルダに開き、npm start八を実行し、Xcodeを実行することを許可し、AwesomeProjectの例のトップページを見ると正しい.問題があったら、バージョン番号をチェックして、新しいチュートリアルを探したり、検索したりしましょう.推奨記事:http://www.jianshu.com/p/47174bf215bf 最初のコメントを見てください.