Options.js

import React, {Component} from 'react';
import {ScrollView, StatusBar, Platform} from 'react-native';
import { Ionicons } from '@expo/vector-icons';
import {ListItem, Separator} from '../components/List';

const ICON_PREFIX = Platform.OS === 'ios' ? 'ios' : 'md';
const ICON_COLOR = '#868686';
const ICON_SIZE = 25;

class Options extends Component {


  render() {
    return (
      <ScrollView>
        <StatusBar translucent={false} barStyle="defautl"/>
        <ListItem
          text="Themes"
          onPress={this.handlePressTheme}
          customIcon={
            <Ionicons
            name={`${ICON_PREFIX}-arrow-forward`}
            size={ICON_SIZE}
            color={ICON_COLOR}
            />
          }
        />
        <Separator />
        <ListItem
          text="External Link"
          onPress={this.handlePressSite}
          customIcon={
            <Ionicons
            name={`${ICON_PREFIX}-link`}
            size={ICON_SIZE}
            color={ICON_COLOR}
            />
          }
        />
      </ScrollView>
    );
  }
}
export default Options;