React Native 之 原生组件和核心组件

在React Native中，原生组件主要是指那些由React Native包装的原生应用界面元素，比如ScrollView、TextInput、Image等。而核心组件则是指那些纯JavaScript实现的组件，比如View、Text、Button等。

以下是一些核心组件的示例代码：

import React from 'react';
import { View, Text, Button } from 'react-native';
 
export default function CoreComponentsExample() {
  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Text>Hello, React Native!</Text>
      <Button
        title="Press Me"
        onPress={() => alert('Button pressed!')}
      />
    </View>
  );
}

以下是一些原生组件的示例代码：

import React from 'react';
import { Image, ScrollView, TextInput } from 'react-native';
 
export default function NativeComponentsExample() {
  return (
    <ScrollView style={{ flex: 1 }}>
      <TextInput
        style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
        placeholder="Type here!"
      />
      <Image
        source={{ uri: 'https://reactnative.dev/img/tiny_logo.png' }}
        style={{ width: 200, height: 200 }}
      />
    </ScrollView>
  );
}

核心组件和原生组件的使用方式各不相同，核心组件是用JavaScript编写的，而原生组件则是React Native包装的原生界面元素。在实际开发中，可以根据需要选择使用哪种组件。