React Native 常用的组件

一、RN基础组件1 —— Text

import { Text } from 'react-native'  <Text></Text>

 常用属性：  

        numberOfLines：显示的行数，溢出部分会隐藏

        ellipsizeMode： tail / head / middle / clip

 常用事件：

        onPress：点击

        onLongPress：长按

 注意：RN中容器（如View）中不能放置文本，文本字符串只能放在Text中

二、RN基础组件2 —— View 和 ScrollView

import { View } from 'react-native'  <View></View>

说明：

  ①View默认没有高度，要靠内容撑起来

  ②View可以任意指定高度，也可以指定高度为100%，从而撑满屏幕

  ③View中内容溢出了，不能滚动！如果希望滚动，请使用ScrollView

import { ScrollView } from 'react-native'  <ScrollView ></ScrollView >

说明：

  ①ScrollView默认有高度，撑满父容器

  ②ScrollView不能任意指定高度

  ③ScrollView中内容溢出了，自动滚动！—— 默认是竖直滚动

  ④ScrollView默认是竖直滚动，想水平滚动，指定属性  horizontal={true}  

  ⑤ScrollView可以实现“滚动到顶部”动画效果：