Q群 567530369,小伙伴们都在这里等你哦~

ActivityIndicator

显示一个圆形的 loading 提示符号。

示例


import React, { Component } from 'react'
import {
  ActivityIndicator,
  AppRegistry,
  StyleSheet,
  Text,
  View,
} from 'react-native'

export default class App extends Component {
  render() {
    return (
      <View style={[styles.container, styles.horizontal]}>
        <ActivityIndicator size="large" color="#0000ff" />
        <ActivityIndicator size="small" color="#00ff00" />
        <ActivityIndicator size="large" color="#0000ff" />
        <ActivityIndicator size="small" color="#00ff00" />
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center'
  },
  horizontal: {
    flexDirection: 'row',
    justifyContent: 'space-around',
    padding: 10
  }
})

AppRegistry.registerComponent('App', () => App)

查看属性


文档

Props

animating

是否要显示指示器动画,默认为 true 表示显示,false 则隐藏。

类型必填
bool

color

滚轮的前景颜色(默认为灰色)。

类型必填
color

size

指示器的大小,默认为'small'。目前只能在 Android 上设定具体的数值。

类型必填
enum('small', 'large'), number

hidesWhenStopped

animating为 false 的时候,是否要隐藏指示器(默认为 true)。如果animatinghidesWhenStopped都为 false,则显示一个静止的指示器。

类型必填平台
booliOS