像是這樣看起來基本的畫面，如果要自己做選單會花很多時間

但是

我們可以使用 UI kit ｡:.ﾟヽ(*´∀`)ﾉﾟ.:｡

https://github.com/ant-design/ant-design-mobile-rn

先將範例的APP裝起來，方便我們快速瀏覽能用的元件

找到今天要用的時間選擇器元件

import { Modal, Provider, DatePickerView } from '@ant-design/react-native';
......

<Modal ....>
    <View >
      <DatePickerView
        value={this.state.value24hours}
        onChange={v => {
          this.setState({ value24hours: v })
          console.warn(this.state.value24hours)
        }}
      />
    </View>
</Modal>

記得root元件要用 <Provider> 包起來喔

<Provider>
<View/>
<Provider/>

再加上一些按鈕就搞定啦～ 下班