chore(Input,Stepper,SpeedDial): Android 文字没有居中, Android 没有显示问题

cuilanxin · cuilanxin · commit 15589858df96 · 2021-10-14T16:31:55.000+08:00
diff --git a/example/examples/src/routes/SpeedDial/index.tsx b/example/examples/src/routes/SpeedDial/index.tsx
@@ -1,9 +1,11 @@
 import React, {Component} from 'react';
-import {StyleSheet, View, Text} from 'react-native';
+import {StyleSheet, View, Text, Dimensions} from 'react-native';
 import Layout, {Container} from '../../Layout';
 import {SpeedDial, Icon, IconsName} from '@uiw/react-native';
 import {ComProps} from '../../routes';
 
+let MainHeight = Dimensions.get('window').height;
+
 const {Header, Body, Card, Footer} = Layout;
 
 export interface listItem {
@@ -32,29 +34,32 @@ export default class Index extends Component<IndexProps, IndexState> {
         <Layout>
           <Header title={title} description={description} />
           <Body scrollEnabled={false}>
-            <SpeedDial
-              icon={['star-on', 'star-off']}
-              isDrag={true}
-              children={[
-                {
-                  icon: <Icon name="plus" color="#fff" size={18} />,
-                  title: <Text>'Add'</Text>,
-                  onPress: () => console.log('Add'),
-                },
-                {
-                  icon: <Icon name="star-on" color="#fff" size={18} />,
-                  title: 'Star',
-                },
-                {
-                  icon: <Icon name="mail" color="#fff" size={18} />,
-                  title: 'Mail-asdlfslasdkfsdklajfsadf',
-                },
-                {
-                  icon: <Icon name="share" color="#fff" size={18} />,
-                  title: 'Share',
-                },
-              ]}
-            />
+            <View style={{height: MainHeight}}>
+              <SpeedDial
+                bottom={MainHeight / 2 + 100}
+                icon={['star-on', 'star-off']}
+                isDrag={true}
+                children={[
+                  {
+                    icon: <Icon name="plus" color="#fff" size={18} />,
+                    title: <Text>'Add'</Text>,
+                    onPress: () => console.log('Add'),
+                  },
+                  {
+                    icon: <Icon name="star-on" color="#fff" size={18} />,
+                    title: 'Star',
+                  },
+                  {
+                    icon: <Icon name="mail" color="#fff" size={18} />,
+                    title: 'Mail-asdlfslasdkfsdklajfsadf',
+                  },
+                  {
+                    icon: <Icon name="share" color="#fff" size={18} />,
+                    title: 'Share',
+                  },
+                ]}
+              />
+            </View>
           </Body>
           <Footer />
         </Layout>
diff --git a/packages/core/src/Input/index.tsx b/packages/core/src/Input/index.tsx
@@ -150,6 +150,7 @@ export default class Input extends React.Component<InputProps, any> {
           {...restProps}
           {...valueProps}
           style={[
+            { paddingVertical: 0 },
             inputStyles.input,
             error ? inputStyles.inputErrorColor : null,
             disabledStyle,
diff --git a/packages/core/src/SpeedDial/index.tsx b/packages/core/src/SpeedDial/index.tsx
@@ -19,7 +19,6 @@ if (Platform.OS === 'android' && UIManager.setLayoutAnimationEnabledExperimental
   UIManager.setLayoutAnimationEnabledExperimental(true);
 }
 
-let MainWidth = Dimensions.get('window').width;
 let MainHeight = Dimensions.get('window').height;
 
 export interface PanXY extends Animated.Value {
diff --git a/packages/core/src/Stepper/ShowValue.tsx b/packages/core/src/Stepper/ShowValue.tsx
@@ -49,6 +49,7 @@ function ShowValue(props: ShowValueProps) {
         ControlStyle[size],
         styles.border,
         {
+          paddingVertical: 0,
           fontSize: ControlStyle[`${size}Text`].fontSize - 8,
           textAlign: 'center',
           borderColor: color.borderColor || color.color,

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,6 @@ if (Platform.OS === 'android' && UIManager.setLayoutAnimationEnabledExperimental`
`19`	`19`	`UIManager.setLayoutAnimationEnabledExperimental(true);`
`20`	`20`	`}`
`21`	`21`
`22`		`-let MainWidth = Dimensions.get('window').width;`
`23`	`22`	`let MainHeight = Dimensions.get('window').height;`
`24`	`23`
`25`	`24`	`export interface PanXY extends Animated.Value {`
Original file line number	Diff line number	Diff line change
`@@ -49,6 +49,7 @@ function ShowValue(props: ShowValueProps) {`
`49`	`49`	`ControlStyle[size],`
`50`	`50`	`styles.border,`
`51`	`51`	`{`
	`52`	`+ paddingVertical: 0,`
`52`	`53`	fontSize: ControlStyle[`${size}Text`].fontSize - 8,
`53`	`54`	`textAlign: 'center',`
`54`	`55`	`borderColor: color.borderColor \|\| color.color,`