如何在React Native中将项目左右对齐？
无论我尝试如何组合flexbox属性，这两组文本都像这样彼此相邻：

如何使“登录”位于屏幕右侧，而存储库位于左侧？
下面是我的代码：

import { View, StyleSheet, Text, ScrollView } from 'react-native';
import Constants from 'expo-constants';
import { Link } from "react-router-native";

const styles = StyleSheet.create({
  container: {
    paddingTop: Constants.statusBarHeight,
    paddingLeft: 10,
    paddingBottom: 20,
    backgroundColor: 'grey',
  },
  text: {
    fontSize: 20,
    color: 'white',
    fontWeight: 'bold'
  },
  linkText: {
    color: 'white',
  },
  nesteddivleft: {
    flex: 1,          
    display: "flex",
    justifyContent: "flex-start",
    alignItems: "center",
  },
  nesteddivright: {
    flex: 1,
    display: "flex",
    justifyContent: "flex-end",
    alignItems: "center",
  },
  scrollbar: {
display: 'flex',
justifyContent: 'space-between'
  }
});

const AppBar = () => {
  return <><View style={styles.container}>
    <ScrollView style="scrollview" horizontal>
    <View style={styles.nesteddivleft}><Link to="/"><Text style={styles.text}>Repositories</Text></Link></View>
    <View style={styles.nesteddivright}><Link to="/signin"><Text style={styles.linkText}>Sign In</Text></Link></View>
    </ScrollView>
    </View>
    </>
};

export default AppBar;

应用程序：

import Main from './src/components/Main'
import { StatusBar } from 'expo-status-bar';
import { NativeRouter } from 'react-router-native';

export default function App() {

  return (
<> 
     <NativeRouter>
     <Main/>
     </NativeRouter>
     <StatusBar style="auto" />
</>
  );
}

如您所见，我尝试将justify-content：父div上的空格，这样就不会执行任何操作。
我也尝试过这个解决方案，但它没有任何作用：Aligning elements left, center and right in flexbox