search

maxs15 / react-native-spinkit

A collection of animated loading indicators for React Native
MIT License
2.36k stars 300 forks source link

spinner overlay #49

Closed manikanta-kotha closed 6 years ago

manikanta-kotha commented 7 years ago

Can someone explain how to add spinner as a overlay?

oridotaoyebode commented 7 years ago

Did you find a solution to this? @iiitmanikanta

az-9 commented 7 years ago

+1

buskerone commented 7 years ago

same question here.. maybe zIndex would help?

Borisboky commented 7 years ago

Maybe something as follows:

<Modal animationType={"none"} transparent={true} visible={this.state.modalVisible} >
    <View style={{backgroundColor:'#000', opacity: .7, flex: 1, flexDirection: 'column', alignItems:'center', justifyContent:'center'}}>
          <View style={{backgroundColor:'#000', opacity: 1}}>
              <Spinner isVisible={true} size={100} type={'ThreeBounce'} color={"#ffffff"}/>
          </View>
          <View>
             <Text allowFontScaling={false} style={{color: '#fff', marginTop: 30,  fontSize:24}}>{this.state.modalMessage}</Text>
           </View>
     </View>
 </Modal>