med-726b57329c45_name.tsx

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

const Name = () => {
  const [name, setName] = useState('');
  return (
    <SafeAreaView>
      <View style={{padding: 10}}>
        {!name ? (
          <Text>Please type your name to get started</Text>
        ) : (
          <Text>{`Your name is: ${name}`}</Text>
        )}
        <TextInput
          testID="name-input"
          onChangeText={text => setName(text)}
          style={{
            borderColor: 'black',
            borderWidth: 1,
            marginTop: 10,
            padding: 5,
          }}
        />
      </View>
    </SafeAreaView>
  );
};

export default Name;