Creating a new project

npx create-expo-app@latest

Running apps

npm run android
npm run ios
npm run web

Basic Building Blocks

View,
Text,
StyleSheet,
ScrollView,
TouchableOpacity,

Build

# publish web
npx expo export -p web

Mobile View

Scrollable Screen

<ScrollView style={styles.page} contentContainerStyle={{ flexGrow: 1 }}>
  <View style={styles.paragraph}>
    {/* content */}
  </View>
</ScrollView>

view

View is a container that supports layout with flexbox, style, some touch handling, and accessibility controls.

View maps directly to the native view equivalent on whatever platform React Native is running on, whether that is a UIView, <div>, android.view, etc.

import { Text, View, StyleSheet } from 'react-native';

export default function AboutScreen() {
  return (
    <View style={styles.container}>
      <Text style={styles.text}>About screen</Text>
    </View>
  );
}