janhesters

// ... Other imports
#import "Orientation.h"

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
 // ... Leave this untouched
}

janhesters

// ... Other imports
import android.content.Intent;
import android.content.res.Configuration;

public class MainActivity extends ReactActivity {
    // ... Leave the default code from React Native untouched

    @Override
    public void onConfigurationChanged(Configuration newConfig) {
        super.onConfigurationChanged(newConfig);

janhesters

// ... Other imports. Only import 'orientation' in the following line, if you are using TypeScript
import Orientation, { orientation } from 'react-native-orientation';

export default class App extends Component<Props> {
  componentDidMount = () => {
    Orientation.lockToPortrait();
    Orientation.addOrientationListener(this.orientationDidChange);
  };

  componentWillUnmount = () => {

janhesters

import Orientation from 'react-native-orientation';

// ...

Orientation.getOrientation((err, orientation) => {
  console.log(`Current Device Orientation: ${orientation}`);
});

janhesters

import { StyleSheet } from 'react-native';

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
    alignItems: "center"
  }
});

janhesters

import styles from './styles';
import React, { Component } from 'react';
import { Text, View } from 'react-native';

class NameScreen extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>This is the NameScreen.</Text>
      </View>

janhesters

import NameScreen from "./NameScreen";

export default NameScreen;

janhesters

import DetailScreen from '../screens/Detail';
import HomeScreen from '../screens/Home';
import LoadingScreen from '../screens/Loading';
import OptionsScreen from '../screens/Options';
import SettingsScreen from '../screens/Settings';

janhesters

// ... screen imports
import { createStackNavigator } from 'react-navigation'; // Remember to import the other navigators later

const HomeStack = createStackNavigator({ DetailScreen, HomeScreen, OptionsScreen });

janhesters

const MainTabs = createBottomTabNavigator({ HomeStack, SettingsScreen });