TestHeader/App.js at master · zyslife/TestHeader · 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
/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow strict-local
 */

import React from 'react';
import type { Node } from 'react';
import ExampleCustomTabbar from './Example';
import {
  TouchableHighlight,
  Text,
  View,
} from 'react-native';


const App: () => Node = () => {
  const [show, setShow] = React.useState(false)
  const onPressBtn = () => {
    setShow(true)
  }

  console.log('render==>', show);
  return (

    <View style={{flex:1}}>
      {show ?
        <ExampleCustomTabbar/>
        :
        <View style={{ backgroundColor: 'white', flex: 1, justifyContent: 'center', alignItems: 'center' }} >
          <TouchableHighlight onPress={onPressBtn}>
            <Text>show tabs</Text>
          </TouchableHighlight>
        </View>
      }
    </View>
  );
};

export default App;