dva-native

encapsulating [email protected], dva, axios and Mock.js for react-native

You can use dva-native-cli

Start

npm install --save dva-native

// for [email protected]
npm install --save [email protected]

Api

Export Files

dva-native

Default export file

import createApp, { connect } from 'dva-native';

dva-native/navigation

Export the api of [email protected]

import { ... } from 'dva-native/navigation';

dva-native/axios

Async request library, export axios

import axios, { createLogger } from 'dva-native/axios';
// if you want to print the request log
createLogger(axios);

dva-native/mock

Export Mock.js

import Mock from 'dva-native/mock';

dva-native/dynamic

Load components on dynamic. For convenience debug, only in production mode. metro is commonJs standard. If you want to split bundle, use react-native unbundle in android

import dynamic from 'dva-native/dynamic';

const DynamicComponent = dynamic({
    app, // dva instance
    models: () => [require('./models/user')], // dva model
    component: () => require('./pages/Page'), // React Component
});

dva-native/codePushConfig

If use react-native-code-push, Configuring some environmental params, but codePush.getConfiguration is a Promise. You may not be able to get it in time

import codePushConfig from 'dva-native/codePushConfig';

app.config(codePushConfig({
    'code-push-key': { ...code push config }
})({
    ...base config
}))

app.getConfig()

dva-native API

createApp.setGlobalError

Call ErrorUtils.setGlobalHandler. Reset Capture javascript errors, only in production mode

// If you use react-native-sentry, must Call before it
createApp.setGlobalError(function(error, isFatal){ ... })
Sentry.config('xxx').install();

createApp.onGlobalError

Add listener for javascript error

createApp.onGlobalError(function(error, isFatal){ ... })

dynamic.setErrorComponent

If you run js context error and use setGlobalError, set a ErrorComponent to show

dynamic.setErrorComponent(React Component)

app = createApp(...dva opts)(getAppNavigator)

Create dva instance

If use react-navigation, getAppNavigator must return Navigator

(getApp) => {
	const wrapper = (models, component) => dynamic({ 
	    app: getApp, models, component 
	});
	return createStackNavigator({
	    Page: {
	    	screen: wrapper(() => [require('./models/user')], () => require('./pages/Page')) 
	    }
	})
}

app.config

Configure some params

app.config(({ app }) => ({ ...config }))
// or
app.config(codePushConfig({ ... })({ ...config }))

app.getConfig

Return config params

app.getConfig()

app.root

This is necessary, and must return React Component

app.root(({ Router, app }) => {
	return class Root extends Component {
		render() {
			return <Router/>
		}
	}
})

app.start

Register Root Component

AppRegistry.registerComponent('xxx', app.start);

...all dva instance API