// Component const Loading = (props) => ( <View style={styles.container}> <ActivityIndicator size={props.size} color={secondary} /> <Text style={styles.text}>{ props.message }</Text> </View> )
</ScrollView > (<ActivityIndicator animating={true} style={[{height: 80}]}
</ScrollView > (<ActivityIndicator animating={true} style={[{height: 80}]}
render() { return ( <SafeAreaView style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}> <ActivityIndicator size="large" /> </SafeAreaView> ); }
render() { return ( <Modal transparent={true} visible={this.state.isShow} onRequestClose={() => {}}> <View style={hudStyles.container}> <View style={hudStyles.hud}> <ActivityIndicator size='large' color='white'/> {this.state.hasText ? <Text style={hudStyles.text}>{this.state.text}</Text> : null} </View> </View> </Modal> ) }
const CustomButton = ({ onPress, isEnabled, isLoading, text, buttonStyle, textStyle, ...otherProps }) => { const onButtonPress = isEnabled && !isLoading ? onPress : () => null return ( <View {...otherProps}> <TouchableView onPress={onButtonPress} style={[styles.button, buttonStyle]}> {(isLoading) && <ActivityIndicator style={styles.spinner} color={'grey'} />} {(!isLoading) && <Text style={[styles.text, textStyle]}>{text}</Text>} </TouchableView> </View> ) }
export default function Button({ children, loading, ...rest }) { return ( <Container {...rest}> {loading ? ( <ActivityIndicator size="small" color="#fff" /> ) : ( <Text>{children}</Text> )} </Container> ); }
export default function Loading() { return ( <View style={styles.loadingContainer}> <ActivityIndicator size='large' color='#6646ee' /> </View> ); }
export default function Loader({ size = 'small', color = defaultTokens.paletteProductNormal, isVisible = true, }: Props) { return isVisible ? ( <ActivityIndicator size={size} color={color} animating={isVisible} /> ) : null; }
render(){ return ( <View style={loadingStyle.container}> <ActivityIndicator size='large' color={'#666666'}/> <Text style={loadingStyle.tipLabel}>努力加载中</Text> </View> ) }
const Loading = () => { return ( <LoadingWrap> <ActivityIndicator size="large" /> </LoadingWrap> ); }
const LoadingScreen = ({ color }) => ( <View style={styles.root}> <ActivityIndicator size="large" color={color || 'gray'} /> </View> )
// Component const Loading = ({ message, size, color }) => ( <View style={styles.container}> <ActivityIndicator size={size} color={color} /> <Text style={styles.text}>{ message }</Text> </View> )
// Component const Loading = (props) => ( <View style={styles.container}> <ActivityIndicator size={props.size} color={secondary} /> <Text style={styles.text}>{ props.message }</Text> </View> )
render() { return ( <Modal transparent={true} visible={this.state.isShow} onRequestClose={() => {}}> <View style={hudStyles.container}> <View style={hudStyles.hud}> <ActivityIndicator size='large' color='white'/> {this.state.hasText ? <Text style={hudStyles.text}>{this.state.text}</Text> : null} </View> </View> </Modal> ) }