提交 fd0f3c2e authored 作者: 吴强's avatar 吴强

添加新增人口Detail界面3

上级 cf9825f8
import React, { Component } from 'react'; import React, { Component } from 'react';
import { View, Text, Image, StyleSheet, ToolbarAndroid, Dimensions } from 'react-native'; import { View, StyleSheet, ToolbarAndroid, Dimensions } from 'react-native';
import { TabNavigator, StackNavigator } from 'react-navigation'; import { TabNavigator, StackNavigator } from 'react-navigation';
import Icon from 'react-native-vector-icons/MaterialIcons'; import Icon from 'react-native-vector-icons/MaterialIcons';
import userInfoPageScreen from './userinfo/index'; import userInfoPageScreen from './userinfo/index';
import fwInfo from './fwInfo'; import fwInfo from './fwInfo';
import peopleInfoErJiScreen from './peopleInfo/index'; import peopleInfoErJiScreen from './peopleInfo/index';
import chatsIcon from '../../../image/chats-icon.png';
import Empty from '../empty';
import DSRErJiScreen from './dangshireninfo/index'; import DSRErJiScreen from './dangshireninfo/index';
import quanshuInfoErJiScreen from './quanshuInfo/index'; import quanshuInfoErJiScreen from './quanshuInfo/index';
import TabBarComponent from '../../components/tabBarComponent'; import TabBarComponent from '../../components/tabBarComponent';
...@@ -75,6 +73,7 @@ const Content = TabNavigator({ ...@@ -75,6 +73,7 @@ const Content = TabNavigator({
tabBarPosition: 'bottom', tabBarPosition: 'bottom',
tabBarComponent: TabBarComponent, tabBarComponent: TabBarComponent,
animationEnabled: true, animationEnabled: true,
swipeEnabled: false,
tabBarOptions: { tabBarOptions: {
activeTintColor: '#e91e63', activeTintColor: '#e91e63',
inactiveTintColor: '#FFFFFF', inactiveTintColor: '#FFFFFF',
...@@ -107,18 +106,13 @@ class MainPage extends Component { ...@@ -107,18 +106,13 @@ class MainPage extends Component {
render() { render() {
return ( return (
<View style={{ flex: 1 }}> <View style={{ flex: 1 }}>
<View style={{ height: 46, backgroundColor: '#08BBF9', flexDirection: 'row' }}> <ToolbarAndroid
{/* <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}> title="深圳房屋普查"
<Text style={{ fontSize: 18, color: 'white', alignSelf: 'center' }}>深圳房屋普查</Text> style={styles.toolbar}
</View> */} actions={[{ title: '个人中心', show: 'never' }]}
<ToolbarAndroid onActionSelected={this.onActionSelected}
title="深圳房屋普查" titleColor="#FFFFFF"
style={styles.toolbar} />
actions={[{ title: '个人中心', show: 'never' }]}
onActionSelected={this.onActionSelected}
titleColor="#FFFFFF"
/>
</View>
<MainWindow navigation={this.props.navigation} /> <MainWindow navigation={this.props.navigation} />
</View> </View>
); );
...@@ -129,7 +123,7 @@ MainPage.router = MainWindow.router; ...@@ -129,7 +123,7 @@ MainPage.router = MainWindow.router;
const styles = StyleSheet.create({ const styles = StyleSheet.create({
toolbar: { toolbar: {
backgroundColor: '#2196F3', backgroundColor: '#2196F3',
height: 40, height: 46,
width: Dimensions.get('window').width, width: Dimensions.get('window').width,
alignSelf: 'center', alignSelf: 'center',
}, },
......
...@@ -47,6 +47,7 @@ class PeopleDetailEditScreen extends React.Component { ...@@ -47,6 +47,7 @@ class PeopleDetailEditScreen extends React.Component {
if (m.required === true) { if (m.required === true) {
return ( return (
<InputItem <InputItem
key={m.key}
{...getFieldProps(m.key, { {...getFieldProps(m.key, {
initialValue: detailData[m.key], initialValue: detailData[m.key],
rules: [ rules: [
...@@ -66,6 +67,7 @@ class PeopleDetailEditScreen extends React.Component { ...@@ -66,6 +67,7 @@ class PeopleDetailEditScreen extends React.Component {
} else { } else {
return ( return (
<InputItem <InputItem
key={m.key}
{...getFieldProps(m.key, { {...getFieldProps(m.key, {
initialValue: detailData[m.key], initialValue: detailData[m.key],
})} })}
...@@ -82,7 +84,7 @@ class PeopleDetailEditScreen extends React.Component { ...@@ -82,7 +84,7 @@ class PeopleDetailEditScreen extends React.Component {
})} })}
{[1].map(() => { {[1].map(() => {
return ( return (
<List.Item> <List.Item key="saveItem">
<View style={{ flexDirection: 'row', justifyContent: 'center' }}> <View style={{ flexDirection: 'row', justifyContent: 'center' }}>
<Icon.Button <Icon.Button
name="save" name="save"
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论