fix(Logcat): 更新布局结构，添加Portal.Host以优化组件渲染

thoulee21 · Jan 9, 2025 · e52907c · e52907c
1 parent f011572
commit e52907c
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/src/pages/logcat.tsx b/src/pages/logcat.tsx
@@ -151,7 +151,7 @@ export const Logcat = () => {
   ), []);
 
   return (
-    <>
+    <Portal.Host>
       <Animated.FlatList
         ref={logsRef}
         data={logLines}
@@ -176,6 +176,7 @@ export const Logcat = () => {
       <Portal>
         <FAB
           icon="arrow-down"
+          variant="surface"
           style={styles.fab}
           onPress={() => {
             if (logsRef.current) {
@@ -206,18 +207,22 @@ export const Logcat = () => {
             <Button
               textColor={appTheme.colors.outline}
               onPress={() => setDialogVisible(false)}
-            >Cancel</Button>
+            >
+              Cancel
+            </Button>
             <Button
               textColor={appTheme.colors.error}
               onPress={() => {
                 clearLogs();
                 setDialogVisible(false);
               }}
-            >OK</Button>
+            >
+              OK
+            </Button>
           </Dialog.Actions>
         </Dialog>
       </Portal>
-    </>
+    </Portal.Host>
   );
 };