feat: update

App.js

@@ -11,6 +11,7 @@ import SplashScreen from 'react-native-splash-screen';
 
 import AppContainer from './app/routers/AppContainer';
 import Portal from './app/component/portal';
+import {Topview} from 'beeshell';
 
 function App(props) {
   const isDarkMode = useColorScheme() === 'dark';
@@ -35,6 +36,7 @@ function App(props) {
           onChangeMoreClick: onChangeMoreClick,
         }}
       />
+      <Topview />
     </Portal.Provider>
   );
 }

app/pages/Message/index.js

@@ -0,0 +1,48 @@
+import React, {Component} from 'react';
+import {View, Text} from 'react-native';
+import {Button, NavigationBar, SlideModal, Scrollpicker} from 'beeshell';
+import {screenHeight} from '../../utils/index';
+
+class Message extends Component {
+  render() {
+    return (
+      <View style={{flex: 1}}>
+        <NavigationBar
+          testID="nav1"
+          title="标题"
+          backLabelText="返回"
+          forwardLabelText="下一步"
+          onPressBack={() => {
+            this.handlePress('返回');
+          }}
+          onPressForward={() => {
+            this.handlePress('下一步');
+          }}></NavigationBar>
+        <Button
+          size="sm"
+          style={{marginTop: 12}}
+          type="default"
+          onPress={() => {
+            this.slideModal.open();
+          }}>
+          SlideModal 基础
+        </Button>
+        <SlideModal
+          ref={c => {
+            this.slideModal = c;
+          }}
+          screenHeight={screenHeight}
+          cancelable={true}>
+          <View style={{backgroundColor: '#fff', padding: 20, borderRadius: 4}}>
+            <View>
+              <Text style={{backgroundColor: '#fff'}}>自定义内容</Text>
+              <Text>内容比较简单，完全由用户自定义</Text>
+            </View>
+          </View>
+        </SlideModal>
+      </View>
+    );
+  }
+}
+
+export default Message;

app/routers/TabNavRouter.js

@@ -10,6 +10,7 @@ import Govern from '../pages/Govern/govern';
 import {statusBarHeight} from '../utils';
 import EventBus from 'react-native-event-bus';
 import event from '../utils/event';
+import Message from '../pages/Message';
 
 const TabBarItem = ({focused, normal, selected}) => (
   <Image
@@ -37,7 +38,7 @@ const styles = StyleSheet.create({
 const TabNavRouter = createBottomTabNavigator(
   {
     message: {
-      screen: comp,
+      screen: Message,
       navigationOptions: ({screenProps}) => {
         const {isMoreClick, onChangeMoreClick} = screenProps;
         return {