javascript - 如何在React Native中在屏幕中间显示图标

在这里，我在中间显示"icon="check-decagram" type="MaterialCommunityIcons"，但它只是在中间显示，并且从顶部开始填充20。我必须在手机屏幕的中间显示它。我尝试过可能是我做错了。请纠正我。

return(
       <ImageBackground source={BG} style={styles.imgBG}>
           <ScrollView>
             <View>
                <Header title={title} icon={icon} navigation={navigation} />
             </View>
             <View style={{ flexDirection: 'column', backgroundColor: '#ffff',}}>
             <View style={{
                       flexDirection:'column', backgroundColor:'#fff',alignItems:'center',paddingTop:20,justifyContent: 'center'}}>
                <IconXL icon="check-decagram" type="MaterialCommunityIcons" style={{ color: 'green' }}/>

             </View>
             <View style={{
                       flexDirection:'row', backgroundColor:'#ffff',padding:20,flexWrap:'wrap'}}>
                <SmallText textColor="grey" text={`v${updateResponse.updateStatusList.currentAppVersion} `}/>
                <SmallText textColor="grey" text={`${updateResponse.updateStatusList.desc}`}/>
             </View>
             </View>

          </ScrollView>

      </ImageBackground>

 )}

// 谢谢

最佳答案

尝试在图标的超级视图中添加另外两个属性height: '100%'和width: '100%'，

喜欢，

<View style={{flexDirection:'column',height: '100%',width: '100%',backgroundColor:'#fff',alignItems:'center',paddingTop:2,justifyContent: 'center'}}>
  <IconXL icon="check-decagram" type="MaterialCommunityIcons" style={{ color:'green' }}/>
</View>

希望这对您有用，

祝好运。