RN入门教程-1

原生与RN交互

1、原生页面

tv?.setOnClickListener {
    optRouterService<ReactNativeRouterApi<OptRouter>>()
            .getRNRouter(RnModel(page = "ScreenManifest跳转的name值))
            .lunch()
}

2、RN页面

1）创建TypeScript File —

TypeScript File（没有布局 model文件）

TypeScript JSX File （有布局）

2）有布局文件

import CommonPage from "~/base/CommonPage";
import React from "react";
import { Text, View } from "react-native";

export default class TestScreen extends CommonPage<any, any> {
  render() {//在这里写布局
    return (
      <View
        style={{
          flex: 1,
          flexDirection: "column",
          paddingHorizontal: 12,
          paddingTop: 10.5
        }}
      >
        <Text>dfhsfhgffehersagfkkjk</Text>
      </View>
    );
  }
}