feat: update

app/(tabs)/paper.tsx

@@ -82,7 +82,7 @@ export default function PaperDemo() {
               🔘 按钮
             </Text>
             <View style={styles.buttonRow}>
-              <Button mode="contained" onPress={() => setSnackbarVisible(true)}>
+              <Button mode="contained" onPress={() => setSnackbarVisible(true)} style={{ marginRight: 8 }}>
                 Contained
               </Button>
               <Button mode="outlined" onPress={() => setSnackbarVisible(true)}>
@@ -90,14 +90,10 @@ export default function PaperDemo() {
               </Button>
             </View>
             <View style={styles.buttonRow}>
-              <Button mode="text" onPress={() => setSnackbarVisible(true)}>
+              <Button mode="text" onPress={() => setSnackbarVisible(true)} style={{ marginRight: 8 }}>
                 Text
               </Button>
-              <Button
-                mode="elevated"
-                onPress={() => setSnackbarVisible(true)}
-                icon="camera"
-              >
+              <Button mode="elevated" onPress={() => setSnackbarVisible(true)} icon="camera">
                 With Icon
               </Button>
             </View>
@@ -141,18 +137,13 @@ export default function PaperDemo() {
               <Switch value={switchValue} onValueChange={setSwitchValue} />
             </View>
             <View style={styles.chipContainer}>
-              <Chip icon="star" onPress={() => {}}>
+              <Chip icon="star" onPress={() => {}} style={{ marginRight: 8, marginBottom: 8 }}>
                 收藏
               </Chip>
-              <Chip icon="heart" mode="outlined" onPress={() => {}}>
+              <Chip icon="heart" mode="outlined" onPress={() => {}} style={{ marginRight: 8, marginBottom: 8 }}>
                 喜欢
               </Chip>
-              <Chip
-                icon="close"
-                onPress={() => {}}
-                onClose={() => {}}
-                closeIcon="close-circle"
-              >
+              <Chip icon="close" onPress={() => {}} onClose={() => {}} closeIcon="close-circle" style={{ marginBottom: 8 }}>
                 可关闭
               </Chip>
             </View>
@@ -221,12 +212,7 @@ export default function PaperDemo() {
       </ScrollView>
 
       {/* 浮动操作按钮 */}
-      <FAB
-        icon="plus"
-        style={styles.fab}
-        onPress={() => setSnackbarVisible(true)}
-        label="添加"
-      />
+      <FAB icon="plus" style={styles.fab} onPress={() => setSnackbarVisible(true)} label="添加" />
 
       {/* 提示条 */}
       <Snackbar
@@ -279,7 +265,6 @@ const styles = StyleSheet.create({
   },
   buttonRow: {
     flexDirection: 'row',
-    gap: 8,
     marginBottom: 8,
   },
   row: {
@@ -291,7 +276,6 @@ const styles = StyleSheet.create({
   chipContainer: {
     flexDirection: 'row',
     flexWrap: 'wrap',
-    gap: 8,
   },
   progressBar: {
     marginBottom: 12,
@@ -306,4 +290,3 @@ const styles = StyleSheet.create({
     bottom: 0,
   },
 });
-