Javascript Android中的react本机ActivityIndicator

我正在尝试将ActivityIndicator添加到我的react本机应用程序中。
在IOS中，它运行良好，在Android emulator中也是如此。
但在真正的Android设备中，它不起作用

我的尝试：

import React，{Component}来自'React'；
从“react native”导入{ActivityIndicator}；
类微调器扩展组件{
建造师（道具）{
超级（道具）；
}
render（）{
返回(
);
}
}
导出默认微调器尝试在视图中添加style={{flex:1，alignItems:'center'，justifyContent:'center'}}}
尝试在视图中添加style={{flex:1，alignItems:'center'，justifyContent:'center'}}这就是我使用的

// @flow
import * as React from "react";
import {StyleSheet, View} from "react-native";
import {Spinner} from "native-base";

export default class LoadingIndicator extends React.PureComponent<> {

    render(): React.Node {
        return (
            <View style={styles.container}>
                <Spinner />
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: "center",
        alignItems: "center"
    }
});

/@flow
从“React”导入*作为React；
从“react native”导入{StyleSheet，View}；
从“本机基”导入{Spinner}；
导出默认类LoadingIndicator扩展React.PureComponent{
render（）：React.Node{
返回(
);
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
辩护内容：“中心”，
对齐项目：“中心”
}
});
这就是我使用的

// @flow
import * as React from "react";
import {StyleSheet, View} from "react-native";
import {Spinner} from "native-base";

export default class LoadingIndicator extends React.PureComponent<> {

    render(): React.Node {
        return (
            <View style={styles.container}>
                <Spinner />
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: "center",
        alignItems: "center"
    }
});

/@flow
从“React”导入*作为React；
从“react native”导入{StyleSheet，View}；
从“本机基”导入{Spinner}；
导出默认类LoadingIndicator扩展React.PureComponent{
render（）：React.Node{
返回(
);
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
辩护内容：“中心”，
对齐项目：“中心”
}
});
请添加此项并重试一次。animating={true}我尝试了两个三个设备，它可以工作。您可以签入其他设备吗？请添加此设备并重试一次。animating={true}我尝试了两个三个设备，它可以工作。你能在另一台设备上登记吗。