rn-project
Version:
#### 项目介绍 类似一个脚手架的工具 此项目致力于构建一套基础,简单,可维护的 适配我司的react-native项目。可在此基础上搭建项目,封装了基础架构,基础组件,以及各种交互等;可快速进行项目搭建,开发。 # 涉及主要技术 - 1. 项目主要架构 * react native * react-navigation * redux
53 lines (46 loc) • 1.09 kB
JavaScript
import React, { Component } from 'react';
import { StyleSheet, View } from 'react-native';
import { SafeAreaView } from 'react-navigation';
import BaseStyle from '../constants/Style';
import Btn from '../components/buttons';
export default class RadioScreen extends Component {
constructor(props) {
super(props);
this.state = {};
}
render() {
return (
<SafeAreaView
style={[BaseStyle.flex, styles.homebg]}
forceInset={{ top: 'never' }}>
<View style={styles.container}>
<Btn
text={'点我'}
onPress={() => {
toast('谢谢-_-');
}}
/>
<Btn
text={'点我长提示'}
btnStyle={styles.radView}
onPress={() => {
toastLong('让您久等了-_-');
}}
/>
</View>
</SafeAreaView>
);
}
}
const styles = StyleSheet.create({
homebg: {
backgroundColor: '#eee',
},
container: {
...BaseStyle.flex,
paddingTop: 20,
},
radView: {
marginTop: 20,
},
});