text: import React from 'react';
  import {
      StyleSheet,
      View,
      Text,
      SafeAreaView,
  } from 'react-native';
  
  export default class AddFriend extends React.Component {
      render() {
          return (
              <SafeAreaView style={{ flex: 1 }}>
                  <View style={styles.container}>
                      <Text>Add Friend</Text>
                  </View>
              </SafeAreaView>
          );
      }
  }
  
  const styles = StyleSheet.create({
      container: {
          flex: 1,
          backgroundColor: '#fff',
          alignItems: 'center',
          justifyContent: 'center',
      }
  });