fix:修复在黑暗主题下，下拉背景颜色还是白色的问题

Author: hy

example/examples/src/Layout/index.tsx

@@ -1,8 +1,8 @@
-import React, {PureComponent} from 'react';
-import {StyleSheet, View, ViewProps, ViewStyle, SafeAreaView, ScrollView, ScrollViewProps, Text, TextStyle, Image, StyleProp} from 'react-native';
+import React, { PureComponent } from 'react';
+import { StyleSheet, View, ViewProps, ViewStyle, SafeAreaView, ScrollView, ScrollViewProps, Text, TextStyle, Image, StyleProp } from 'react-native';
 import PropTypes from 'prop-types';
-import {Theme} from '@uiw/react-native';
-import {useTheme} from '@shopify/restyle';
+import { Theme } from '@uiw/react-native';
+import { useTheme } from '@shopify/restyle';
 
 export interface HeaderProps {
   title?: string;
@@ -15,7 +15,7 @@ export interface HeaderProps {
 }
 
 const Header = (props: HeaderProps) => {
-  const {children, title, description, style, hasLogo, titleStyle, descriptionStyle} = props;
+  const { children, title, description, style, hasLogo, titleStyle, descriptionStyle } = props;
   const theme = useTheme<Theme>();
   const styles = createStyles({
     backgroundColor: theme.colors.background,
@@ -27,7 +27,7 @@ const Header = (props: HeaderProps) => {
       {title && <Text style={[styles.title, titleStyle]}>{title}</Text>}
       {hasLogo && (
         <View style={styles.logo}>
-          <Image source={require('../image/logo.png')} style={{width: 103, height: 18}} />
+          <Image source={require('../image/logo.png')} style={{ width: 103, height: 18 }} />
         </View>
       )}
       {description && <Text style={[styles.description, descriptionStyle]}>{description}</Text>}
@@ -43,7 +43,7 @@ export interface BodyProps extends ScrollViewProps {
 }
 
 const Body = (props: BodyProps) => {
-  const {children, style, isScroll, ...other} = props;
+  const { children, style, isScroll, ...other } = props;
   const theme = useTheme<Theme>();
   const styles = createStyles({
     backgroundColor: theme.colors.background,
@@ -65,7 +65,7 @@ export interface FooterProps {
 }
 
 const Footer = (props: FooterProps) => {
-  const {children, copyright, style, isShowCopyRight, ...other} = props;
+  const { children, copyright, style, isShowCopyRight, ...other } = props;
   const theme = useTheme<Theme>();
   const styles = createStyles({
     backgroundColor: theme.colors.background,
@@ -91,7 +91,7 @@ export interface CardProps extends ViewProps {
 }
 
 const Card = (props: CardProps) => {
-  const {title, titleStyle, bodyStyle, children, style, showTitle, extra, ...other} = props;
+  const { title, titleStyle, bodyStyle, children, style, showTitle, extra, ...other } = props;
   const theme = useTheme<Theme>();
   const styles = createStyles({
     backgroundColor: theme.colors.background,
@@ -103,7 +103,7 @@ const Card = (props: CardProps) => {
       {extra ? (
         <View style={[styles.extra, styles.cardTitle]}>
           {showTitle && (
-            <View style={{flex: 2}}>
+            <View style={{ flex: 2 }}>
               <Text style={[titleStyle]}>{title}</Text>
             </View>
           )}
@@ -123,37 +123,37 @@ export interface ContainerProps extends ScrollViewProps {
 }
 
 export const Container = (props: ContainerProps) => {
-  const {children, ...others} = props;
+  const { children, ...others } = props;
   const theme = useTheme<Theme>();
   const styles = createStyles({
     backgroundColor: theme.colors.background,
     shadowColor: theme.colors.border,
     color: theme.colors.primary_text,
   });
   return (
-    <SafeAreaView style={{backgroundColor: '#ededed'}} {...others}>
-      <ScrollView style={{height: '100%'}} {...others}>
+    <SafeAreaView style={styles.body} {...others}>
+      <ScrollView style={{ height: '100%' }} {...others}>
         {children}
       </ScrollView>
     </SafeAreaView>
   );
 };
 
-export interface LayoutProps extends ViewProps {}
+export interface LayoutProps extends ViewProps { }
 
 export default class Layout extends PureComponent<LayoutProps> {
   static Header = Header;
   static Body = Body;
   static Footer = Footer;
   static Card = Card;
   render() {
-    const {children, style} = this.props;
+    const { children, style } = this.props;
     const styles = createStyles({});
     return <View style={[styles.container, style]}>{children}</View>;
   }
 }
 
-function createStyles({backgroundColor = '#F7F7F7', shadowColor = '#E6E6E6', color = '#9A9A9A'}) {
+function createStyles({ backgroundColor = '#F7F7F7', shadowColor = '#E6E6E6', color = '#9A9A9A' }) {
   return StyleSheet.create({
     container: {
       backgroundColor: backgroundColor,
@@ -167,7 +167,7 @@ function createStyles({backgroundColor = '#F7F7F7', shadowColor = '#E6E6E6', col
       paddingRight: 16,
       shadowColor: shadowColor,
       backgroundColor: backgroundColor,
-      shadowOffset: {width: 0, height: 3},
+      shadowOffset: { width: 0, height: 3 },
       shadowRadius: 3,
       // shadowOpacity: 0.8,
       shadowOpacity: 0,