Перечисление IndicatorSize

Перечисление IndicatorSize описывает строки size у ActivityIndicator. На Android в параметр можно передать число в пикселях, но здесь перечислены только именованные размеры.

Синтаксис

<ActivityIndicator size="small" />

Значения

Значение	Описание
`'small'`	Компактный спиннер, значение по умолчанию.
`'large'`	Крупный спиннер для заметной загрузки.

Значение по умолчанию: 'small'.

Пример

Давайте покажем оба размера в одном столбце:

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

export default function App() {
	return (
		<View style={styles.col}>
			<ActivityIndicator size="small" color="#112233" />
			<ActivityIndicator size="large" color="#112233" />
		</View>
	);
}

const styles = StyleSheet.create({
	col: {
		gap: 16,
		padding: 12,
	},
});

На экране сверху маленький индикатор, ниже крупный того же цвета.

Пример

Давайте оставим size по умолчанию рядом с текстом:

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

export default function App() {
	return (
		<View style={styles.row}>
			<ActivityIndicator animating color="#cc5522" />
			<Text>abcde</Text>
		</View>
	);
}

const styles = StyleSheet.create({
	row: {
		flexDirection: 'row',
		alignItems: 'center',
		gap: 8,
	},
});

На экране рядом с подписью крутится small-индикатор без явного size.

Смотрите также

компонент ActivityIndicator,
который принимает size
компонент RefreshControl,
где тоже виден индикатор загрузки
компонент View,
который держит спиннер и текст
класс StyleSheet,
который выравнивает индикатор в ряд