fix(Box):添加Box盒子组件和示例展示

Author: panbibi

example/examples/src/routes/Typography/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import {View} from 'react-native';
-import {H1, H2, H3, H4, H5, H6, S, Del, U, P, Strong, Br, Div, Hr, Em, RnText, Text} from '@uiw/react-native';
+import {H1, H2, H3, H4, H5, H6, S, Del, U, P, Strong, Br, Div, Hr, Em, RnText, Text, Box} from '@uiw/react-native';
 import {ComProps} from '../../routes';
 import Layout, {Container} from '../../Layout';
 const {Header, Body, Card, Footer} = Layout;
@@ -69,6 +69,11 @@ export default class TypographyView extends React.Component<TypographyViewProps>
                 }}
               />
             </Card>
+            <Card title="盒子 <Box />">
+              <Box backgroundColor="primary_background">
+                <Text color="text">一段文本</Text>
+              </Box>
+            </Card>
           </Body>
           <Footer />
         </Layout>

packages/core/src/Typography/Box.tsx

@@ -0,0 +1,7 @@
+import { createBox } from '@shopify/restyle';
+import { Theme } from '../theme';
+
+const Box = createBox<Theme>();
+Box.displayName = 'Box';
+
+export default Box;

packages/core/src/index.tsx

@@ -151,6 +151,7 @@ export { default as Hr } from './Typography/Hr';
 export { default as Em } from './Typography/Em';
 export { default as RnText } from './Typography/RnText';
 export { default as Text } from './Typography/Text';
+export { default as Box } from './Typography/Box';
 
 export * from './Typography/H1';
 export * from './Typography/H2';
@@ -169,6 +170,7 @@ export * from './Typography/Hr';
 export * from './Typography/Em';
 export * from './Typography/RnText';
 export * from './Typography/Text';
+export * from './Typography/Box';
 
 export { theme, ThemeProvider };
 export type { Theme };