What are the core components in React Native?

React Native ships a small set of host components that map to native views. Everything else is built from them or from community libraries, so knowing their constraints is essential.

• View: a container for layout, borders, backgrounds and touch handling
• Text: the only component that can render a string; it supports nesting and text-specific styles
• Image: local or remote images, with resizeMode and optional caching libraries
• Pressable: a modern press handler with pressed and hover state callbacks
• TextInput: native text entry with keyboard and selection configuration
• ScrollView and FlatList: scrolling and virtualised lists

import { View, Text, Image, Pressable, TextInput } from "react-native";

export function ProfileCard() {
  return (
    <View>
      <Image source={{ uri: "https://example.com/avatar.png" }} style={{ width: 48, height: 48 }} />
      <Text>Asha Rao</Text>
      <TextInput placeholder="Search" />
      <Pressable onPress={() => console.log("pressed")}>
        <Text>Follow</Text>
      </Pressable>
    </View>
  );
}

Text cannot live directly inside a View without a Text wrapper, and a View does not render strings. That trips up developers coming from the web. Layout is Flexbox by default, so most containers need explicit flex or size rules.