ReactNativeDemo/SecondScreen.js at master · tinylpc/ReactNativeDemo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
'use strict';
import React from 'react';
import {
    View,
    Text,
    Image
} from 'react-native';
import TabNavigator from 'react-native-tab-navigator';
var home = '首页';
var doc = '测试';
var community = '附近';
var sickbag = '论坛';
var me = '我';
import HomeView from './HomeView'
import SecondView from './SecondView'
import SplashScreen from 'react-native-splash-screen'
import ThirdView from './ThirdView'
export default class SecondScreen extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            name: 'jjj',
            selectedTab: home,
            docVisible: null,
        }
        setTimeout(() => {
            this.setState({docVisible: '123'})
        }, 3000)
    }

    componentDidMount() {
        SplashScreen.hide()
    }

    render() {
        var that = this;
        return (
            <TabNavigator>
                <TabNavigator.Item
                    selected={this.state.selectedTab === home}
                    title={home}
                    titleStyle={{color: '#a8a39e'}}
                    selectedTitleStyle={{color: '#fc6a74'}}
                    renderIcon={() => <Image style={{width: 24, height: 24}} source={require('image!tabhomenor')}/>}
                    renderSelectedIcon={() => <Image
                        style={{width: 24, height: 24}} source={require('image!tabhomehl')}/>}
                    badgeText=""
                    onPress={() => this.setState({selectedTab: home})}>
                    {<HomeView/>}
                </TabNavigator.Item >

                {
                    this.state.docVisible == null ? (null) : (
                            <TabNavigator.Item
                                selected={this.state.selectedTab === doc}
                                title={doc}
                                titleStyle={{color: '#a8a39e'}}
                                selectedTitleStyle={{color: '#fc6a74'}}
                                renderIcon={() => <Image style={{width: 24, height: 24}}
                                                         source={require('image!tabdocnor')}/>}
                                renderSelectedIcon={() => <Image style={{
                                    width: 24,
                                    height: 24
                                }} source={require('image!tabdochl')}/>}
                                onPress={() => this.setState({selectedTab: doc})}>
                                <View>
                                    <Text>22222</Text>
                                </View>
                            </TabNavigator.Item>)
                }
                <TabNavigator.Item
                    selected={this.state.selectedTab === community}
                    title={community}
                    titleStyle={{color: '#a8a39e'}}
                    selectedTitleStyle={{color: '#fc6a74'}}
                    renderIcon={() => <Image style={{width: 24, height: 24}} source={require('image!tabnearbynor')}/>}
                    renderSelectedIcon={() => <Image style={{
                        width: 24,
                        height: 24
                    }} source={require('image!tabnearbyhl')}/>}
                    onPress={() => this.setState({selectedTab: community})}>
                    {
                        <SecondView/>
                    }
                </TabNavigator.Item>
                <TabNavigator.Item
                    selected={this.state.selectedTab === sickbag}
                    title={sickbag}
                    titleStyle={{color: '#a8a39e'}}
                    selectedTitleStyle={{color: '#fc6a74'}}
                    renderIcon={() => <Image style={{width: 24, height: 24}} source={require('image!tabacepacknor')}/>}
                    renderSelectedIcon={() => <Image style={{
                        width: 24,
                        height: 24
                    }} source={require('image!tabacepackhl')}/>}
                    onPress={() => this.setState({selectedTab: sickbag})}>
                    {
                        <ThirdView/>
                    }
                </TabNavigator.Item>
                <TabNavigator.Item
                    selected={this.state.selectedTab === me}
                    title={me}
                    titleStyle={{color: '#a8a39e'}}
                    selectedTitleStyle={{color: '#fc6a74'}}
                    renderIcon={() => <Image style={{width: 24, height: 24}} source={require('image!tabpersonalnor')}/>}
                    renderSelectedIcon={() => <Image style={{
                        width: 24,
                        height: 24
                    }} source={require('image!tabpersonalhl')}/>}
                    onPress={() => this.setState({selectedTab: me})}>
                    <View>
                        <Text>55555</Text>
                    </View>
                </TabNavigator.Item>
            </TabNavigator>
        );
    }
}