废话不多说直接用上方法
1-： 选择Preferences;
2-：搜索框输入Templates;
3-：点击File and Code Templates
4-：点击左上角“+”号按钮，前面可以自己命名如我用的React Native，后缀为js
5-：把模板代码复制到里面
贡献上我自己的模板，因为我使用react-navigation，所以每个会有导航条设置的属性，代码如下：
import React, { Component,PropTypes } from 'react';
import {
StyleSheet,
Text,
View,
Image,
} from 'react-native';
export default class ${NAME} extends Component {
static navigationOptions = ({ navigation }) => ({
headerTitle: (
<Text style={styles.navigationTitle }>
${NAME}
</Text>
),
headerRight: (
<NavigationItem
onPress={() => {
}}
/>
),
headerLeft: (
<NavigationItem
onPress={() => {
}}
/>
),
headerStyle: { backgroundColor: color.theme },
})
constructor(props) {
super(props);
this.state = {
};
}
static defaultProps = {
//autoPlay: false,
}; // 注意这里有分号
static propTypes = {
//autoPlay: React.PropTypes.bool.isRequired,
}; // 注意这里有分号
componentWillMount(){
return{
//相当于iOS中viewWillAppear
};
}
render() {
return (
<View style={styles.container}>
</View>
);
}
componentDidMount(){
return{
//相当于iOS中的viewDidLoad 可以在这里做一些复杂操作,如网络请求数据
};
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
},
navigationTitle: {
fontSize: 20,
textAlign: 'center',
margin: 10,
color: 'white',
alignSelf:'center',//解决Android上标题不居中的问题
},
});
模板导入完成后，就可以使用了，使用方法如下：
1-：点击New ，选择React-Native文件类型(与使用第二中配置方式时新建的名字一一对应)；
2-：输入新建文件的名字，并点击OK；
3-：模版内容就换到了我们导入的模板了
最后你有什么好的模板可以分享下，加油吧。没鸡汤了
