conditional-select.js

import React, { Component } from "react";
import { View, Platform } from "react-native";
import Icon from 'react-native-vector-icons/Ionicons';

const getTypedIcon = name => {
  return Platform.OS === "ios" ? `ios-${name}` : `md-${name}`;   
};

export default class App extends Component {
  render(){
    return (
      <View style={{ flex: 1 }}>
        <Icon name={getTypedIcon("unlock")} />
      </View>
    )
  }
}

Differentiating platform in react-native

Several ways to differentiate platform in react-native

file-select.js

import React, { Component } from "react";
import { View } from "react-native";
import Navigator from "./Navigator";

export default class App extends Component {
  render(){
    return (
      <View style={{ flex: 1 }}>
        <Navigator />
      </View>
    )
  }
}

platform-select.js

import React, { Component } from "react";
import { View, Text, Platform, StyleSheet } from "react-native";

export default class App extends Component {
  render(){
    return (
      <View style={{ flex: 1 }}>
        <Text style={[style.platformBasedText]}>
          I am different
        </Text>
      </View>
    )
  }
}


const style = StyleSheet.create(
  {
    platformBasedText: {
      ...Platform.select({
            ios: {
                color: "blue",
            },
            android: {
                color: "red",
            },
        })
    }
 );