如何在react中并排放置两个输入字段

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

const App = () => {
  return (
    <View style={{ flexDirection: 'row' }}>
      <TextInput style={{ flex: 1, marginRight: 10 }} />
      <TextInput style={{ flex: 1 }} />
    </View>
  );
};

export default App;

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

const App = () => {
  return (
    <View style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', columnGap: 10 }}>
      <TextInput />
      <TextInput />
    </View>
  );
};

export default App;