如何将一个组件向左对齐，另一个组件向右对齐(页面末尾) react native？

import React from 'react';
import { View } from 'react-native';

const App = () => {
  return (
    <View style={{ flex: 1, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'flex-end' }}>
      {/* 子组件放置在这里 */}
    </View>
  );
};

const App = () => {
  return (
    <View style={{ flex: 1, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'flex-end' }}>
      <View style={{ alignSelf: 'flex-start' }}>
        {/* 左对齐的组件 */}
      </View>
      <View style={{ alignSelf: 'flex-end' }}>
        {/* 右对齐的组件 */}
      </View>
    </View>
  );
};