fix:解决在安卓手机上表单输入框占位过多的问题 #625 (#626)

'

Author: hy916

packages/core/src/Form/comps/input.tsx

@@ -1,17 +1,18 @@
 import React from 'react';
-import { TextInput, TextInputProps } from 'react-native';
-import { useTheme } from "@shopify/restyle"
-import { Theme } from '../../theme'
+import { Platform, TextInput, TextInputProps } from 'react-native';
+import { useTheme } from '@shopify/restyle';
+import { Theme } from '../../theme';
 
 const Input = ({ value, onChange, ...others }: TextInputProps & { onChange?: (value: string) => void }) => {
-  const theme = useTheme<Theme>()
+  const theme = useTheme<Theme>();
+  const isIOS = Platform.OS === 'ios';
   return (
     <TextInput
       value={value}
       onChangeText={(value) => {
         onChange?.(value);
       }}
-      style={{ color: theme.colors.text }}
+      style={{ paddingVertical: isIOS ? 5 : -5, color: theme.colors.text }}
       {...others}
     />
   );

packages/core/src/Form/comps/label.tsx

@@ -20,7 +20,7 @@ const styles = StyleSheet.create({
     width: 'auto',
     fontSize: 16,
     fontWeight: '500',
-    marginBottom: 10,
+    marginBottom: 5,
   },
 });
 

packages/core/src/Form/comps/tip.tsx

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import { Context } from '../hooks/context';
 import { FormItemsProps } from '../types';
-import { Text } from 'react-native';
+import { View, Text } from 'react-native';
 
 const Tip = ({ v }: { v: Partial<FormItemsProps> & { field: string } }) => {
   const {
@@ -11,7 +11,11 @@ const Tip = ({ v }: { v: Partial<FormItemsProps> & { field: string } }) => {
   const content = validator.message(v.field, store[v.field], {
     validate: v?.validate,
   });
-  return <Text style={{ color: 'red', marginBottom: content && 10, marginTop: content && 10 }}>{content}</Text>;
+  return (
+    <View style={{ marginTop: 5 }}>
+      {content && <Text style={{ color: 'red', marginBottom: content && 5 }}>{content}</Text>}
+    </View>
+  );
 };
 
 export default Tip;

packages/core/src/Form/styles.tsx

@@ -9,7 +9,7 @@ const styles = StyleSheet.create({
   },
   form_items: {
     textAlign: 'center',
-    margin: 10,
+    margin: 5,
     borderBottomWidth: 0.5,
     borderBottomColor: '#ccc',
   },