用Flex.Item 调整Image buttons的位置怎么无效？

#1

用和<Flex.Item> 无法调整Image buttons位置，造成叠加。
s1

import React from ‘react’;
import {Text, View, StyleSheet, Image, TouchableOpacity, SafeAreaView} from ‘react-native’;
import {Provider, Button, WhiteSpace, Flex} from ‘@ant-design/react-native’;
import customTheme from ‘./src/styles/customTheme’;

const App = () => {
return (




<Flex.Item>

<Image
source={require(’./img/facebookLoginButton.png’)}
style={styles.img}
/>

</Flex.Item>
<Flex.Item>

<Image
source={require(’./img/googleLoginButton.png’)}
/>

</Flex.Item>




);
};
export default App;

const styles = StyleSheet.create({
facebookLoginButton: {
width: 240,
height: 40
},
googleLoginButton: {
borderColor: ‘#D3D3D3’,
borderWidth: 0.5,
width: 240,
height: 40
}
});