反応ネイティブ：画面の中心にスピナーを表示

Question

私はscreenの中心にスピナーを表示したい。私はalignItems、justifyContentとflexを使用したが、正しい位置にマージンを使用すると位置に変化はない。なぜ、alignItems、justifyContent、およびflexの使用に変更はありませんか？

ここではスピナーを使用しています。

return (
    <View style={style.spinnerStyle}> 
    <Spinner size ="large" /> 
    </View> 
); 
const style = { 
spinnerStyle: { 
    flex: 1, 
    marginTop:240 
} 
}; 

Spinner.js次で試してみてくださいすることができ

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

    const Spinner = ({size}) => { 
    return (
    <View style = {styles.spinnerStyle}> 
    <ActivityIndicator size={size || 'large'} /> 
    </View> 
); 
}; 

const styles = { 
spinnerStyle: { 
flex: 1, 
justifyContent: 'center', 
alignItems:'center' 
} 
}; 

export { Spinner }; 

Answer 1

：あなたはスピナー

を使用している

spinnerStyle: { 
    flex: 1, 
    marginTop:240, 
    justifyContent: 'center', 
    alignItems:'center' 
} 

spinnerStyle: { 
    flex: 1 
    alignSelf:'center' 
} 

スピナー

で10