ipanel-rnapp-ajb-base 1.0.7 → 1.0.8

package/app/.local_dev/DemoPage.js

@@ -1,9 +1,20 @@
-import React from 'react';
-import {StyleSheet, View, Text, Button} from 'react-native';
+import React, {useState, useEffect} from 'react';
+import {StyleSheet, View, Text} from 'react-native';
+import {Icon, Button} from '@rneui/themed';
+import LinearGradient from 'react-native-linear-gradient';
 
 const {storage, replace} = global.base;
 
 const TestPage = ({navigation}) => {
+  const [viewVisible, setViewVisible] = useState(false);
+
+  useEffect(() => {
+    // 让视图晚一点渲染，先显示空白，避免默认进入独立页面时，有闪烁感
+    setTimeout(() => {
+      setViewVisible(true);
+    }, 500);
+  }, []);
+
   const onPress = () => {
     global.base.navigateModule({
       operatorId: 'ipanel',
@@ -13,13 +24,8 @@ const TestPage = ({navigation}) => {
 
   const handleLogout = async () => {
     await storage.set('accessToken', null);
+    await storage.set('refreshToken', null);
     await storage.set('homedAccessToken', null);
-    await storage.set('accountType', null);
-    await storage.set('addressRoomMap', null);
-    await storage.set('roomDeviceMap', null);
-    await storage.set('roomDeviceStatusMap', null);
-    await storage.set('roomDeviceGroupMap', null);
-    await storage.set('roomDeviceSceneMap', null);
     // 如果是在tab页的路由，当前栈路由历史只有首页Home调用会报错，如果是从智能客服进入“我的”，退出登录需要置顶
     if (navigation.getState().type === 'stack') {
       popToTop();
@@ -30,17 +36,71 @@ const TestPage = ({navigation}) => {
   };
 
   return (
-    <View>
-      <View>
-        <Text>退出登录</Text>
-      </View>
-      <Text>TestPage</Text>
-      <Button onPress={onPress} title="点击预览app全屏"></Button>
-      <Button onPress={handleLogout} title="退出登录"></Button>
+    <View style={styles.container}>
+      {viewVisible ? (
+        <>
+          <View style={styles.container}>
+            {viewVisible && (
+              <Button
+                buttonStyle={styles.previewBtn}
+                titleStyle={styles.previewBtnStyle}
+                size="lg"
+                ViewComponent={LinearGradient} // Don't forget this!
+                linearGradientProps={{
+                  colors: ['#FF9800', '#F44336'],
+                  start: {x: 0, y: 0.5},
+                  end: {x: 1, y: 0.5},
+                }}
+                radius="10"
+                onPress={onPress}
+                title="点击预览app作为独立页面的效果"
+              />
+            )}
+          </View>
+          <View style={styles.welcomeTextBox}>
+            <Text style={styles.welcomeText}>欢迎你，开发者！</Text>
+          </View>
+          <Icon
+            containerStyle={styles.exitBtn}
+            type="ionicon"
+            name="exit-outline"
+            color="#00aced"
+            size={30}
+            onPress={handleLogout}
+          />
+        </>
+      ) : null}
     </View>
   );
 };
 
-const styles = StyleSheet.create({});
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: '#F2F2F2',
+  },
+  previewBtn: {
+    height: 70,
+  },
+  previewBtnStyle: {
+    fontSize: 18,
+  },
+  welcomeTextBox: {
+    position: 'absolute',
+    top: 200,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  welcomeText: {
+    fontSize: 24,
+  },
+  exitBtn: {
+    position: 'absolute',
+    top: 40,
+    right: 20,
+  },
+});
 
 export default TestPage;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ipanel-rnapp-ajb-base",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "",
   "main": "index.js",
   "bin": {