React Native UI - Emoji

RNUIAPP - Emoji.jsx

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

import Emoji from 'react-native-emoji';

export default function App() {
  
  const [emojiName, setEmojiName] = useState('fire');
  
  return (
    <View style={{ flexDirection: 'row', alignItems: 'center' }}>
      <TextInput
        style={{
          flex: 1,
          marginRight: 10,
          backgroundColor: '#f3f3f3',
          paddingHorizontal: 10,
          height: 40,
          borderRadius: 6,
        }}
        placeholder='Emoji Name'
        defaultValue='fire'
        onChangeText={(text) => setEmojiName(text)}
        autoCapitalize='none'
        autoCompleteType='off'
      />
      <Emoji name={emojiName} style={{ fontSize: 40 }} />
    </View>
  )
}