Skip to content

RXReactNative/react-native-test-rxstick

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

rxstick

小按钮 测试 用于测试


这个只是框架(也可以说是 入口),具体页面,以及功能需要自己定义。

simple test framework

Installation

Open a Terminal in the project root and run:

  yarn add react-native-test-rxstick -dev

or if you use npm:

  npm install react-native-test-rxstick --save-dev

srxboys-stick srxboys-detail



Usage

import React from 'react';
import Stick, { RXTheme, RXRoot } from '../react-native-test-rxstick'

//第一种
import TestTheme from './xx/xx'
import TestRoot from './xx/xx'

export default class TestStick extends Stick {

  constructor(props) {
    super(props);
  }

  static allowAccess() {
    return true;
  }

  static setTheme() {
    // const TestTheme = require('./TestTheme').default; //第二种
    RXTheme.update(TestTheme);
  }

  static setRoot() {
    // const TestRoot = require('./TestRoot').default; //第二种
    RXRoot.replaceComponent(<TestRoot />)
  }
}

TestTheme (stick style)

export default {
  stickBackgroundColor: '#FFF68F',
  stickColor: '#00FFFF',
  stickFontSize: 18,
}

TestRoot

// Component

My approach:

  1. Configure react native bundle packaging
  2. Replace the stick entry file before packaging, debug / release

Disadvantage: not debuggable

我的处理方法:

  1. 配置react-native bundle打包
  2. 在打包前替换stick入口文件,debug/release

坏处:不可调试