0.1.3 • Published 5 years ago

xn-react-native-applets v0.1.3

Weekly downloads
-
License
ISC
Repository
-
Last release
5 years ago

xn-react-native-applets

包含:

  1. URL配置文件
  2. 通用头部组件
  3. 通用关于页面相关逻辑
  4. 基本方法库

项目结构

|--src     源文件
  |--components     组件
    |--CommStatusBar     通用statusBar
    
  |--img            静态资源
  
  |--utils          工具文件夹
  
  |--config.js      小程序配置文件
  |--index.js       插件导出js文件

|--package.json
|--README.md

如果集成通用头部到目前项目

  1. 首先导出关于页面
import { AboutScreen } from 'xn-react-native-applets';

// 然后配置到你需要的页面, 路由请自定义
const RootRouteConfig = {
  [routers.authLoading]: { screen: AuthLoadingScreen },
  [routers.about]: { screen: AboutScreen }, // <-- this
  [routers.tabView]: { screen: TabBarStack },
};
  1. 对首页使用右侧小程序图标, 然后在小程序后侧导入此文件
// 首先导入
import { TopRightView } from 'xn-react-native-applets';

// 然后把配置文件 右侧设置为小程序头部, 这里注意 这里的onPress 只绑定关于页面的事件,
CRM.navigationOptions = ({ navigation }) => ({
  title: 'CRM',
  headerRight: (
    <TopRightView
      onPress={() => navigation.navigate(routers.about)}
    />
  ),
});