rn-whirly-globe/example/App.js

Only for RN >= 0.58.3

import React from 'react';
import {Map, TilesLayer} from 'rn-whirly-globe';
import {StyleSheet, View, Switch} from 'react-native';

export default class App extends React.Component {
    state = {
        globeMap: true
    };

    render() {
        return (
            <View style={styles.container}>
                <Map globeMap={this.state.globeMap} style={{flex: 1}}>
                    <TilesLayer mb='satellite' waitLoad={true} requireElev={true} drawPriority={1} />
                    <TilesLayer mb='global' waitLoad={true} useVectorMbTiles='mapbox' drawPriority={2} />
                </Map>
                <Switch style={styles.switch}
                        value={this.state.globeMap}
                        onValueChange={value => this.setState({globeMap: value})}/>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#F5FCFF',
    },
    switch: {
        position: 'absolute',
        top: 64, right: 18
    }
});