在react native中将图标左对齐，文本居中对齐

import React from 'react';
import { View, Text } from 'react-native';
import { Ionicons } from '@expo/vector-icons';

const MyComponent = () => {
  return (
    <View style={{ flexDirection: 'row', alignItems: 'center' }}>
      <Ionicons name="md-checkmark-circle" size={24} color="green" />
      <Text style={{ marginLeft: 5 }}>文本内容</Text>
    </View>
  );
};

export default MyComponent;