創建TypeScript版本的React Native項目

創建TypeScript版本的React Native項目

https://www.npmjs.com/package/react-native-template-typescript

1.使用typescript模板創建一個react native項目
react-native init MyApp --template typescript

2.運行新項目中的 setup.js腳本
node MyApp/setup.js

3.加入 Navigation
https://reactnavigation.org/docs/zh-Hans/getting-started.html
yarn add react-navigation react-native-gesture-handler
yarn add @types/react-navigation --dev

4.鏈接原生依賴
react-native link react-native-gesture-handler

5.爲了完成 react-native-gesture-handler在 Android 上的安裝,請確保在 MainActivity.java 上完成如下修改:

package com.reactnavigation.example;

import com.facebook.react.ReactActivity;
import com.facebook.react.ReactActivityDelegate;
import com.facebook.react.ReactRootView;
import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;

public class MainActivity extends ReactActivity {
 	@Override
 	protected String getMainComponentName() {
    	return "Example";
  	}

 	@Override
	protected ReactActivityDelegate createReactActivityDelegate() {
		return new ReactActivityDelegate(this, getMainComponentName()) {
			@Override
			protected ReactRootView createRootView() {
				return new RNGestureHandlerEnabledRootView(MainActivity.this);
     		}
    	};
	}
}

6.加入redux(根據需要加入redux-thunk 或者 redux-saga)
yarn add redux react-redux
yarn add @types/redux @types/react-redux --dev

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章