React-native-image-viewer: How to loading render center

Created on 1 Feb 2018 · 6Comments · Source: ascoders/react-native-image-viewer

hi @ascoders how to set loadingRender to center position,

Source

herarya

👍1

Most helpful comment

This works for me:

loadingRender={() => (
    <ActivityIndicator
      color={colors.defaultPrimaryColor}
      size="large"
      style={{
        height: Dimensions.get('window').height,
        alignItems: 'center',
        justifyContent: 'center',
      }}
    />
)}

mynamespace on 19 Jun 2018

👍6

All 6 comments

@herarya I fixed like this

yazhengwang on 2 Feb 2018

@yazhengwang thanks, i follow you code, loader indicator still on top position / header bar

herarya on 2 Feb 2018

👍2 🎉1

@herarya within a View with justifyContent: 'center' and alignItems: 'center'

prospegto on 22 Feb 2018

@herarya how to solved it?

jiyeon-dino on 5 Mar 2018

This works for me:

loadingRender={() => (
    <ActivityIndicator
      color={colors.defaultPrimaryColor}
      size="large"
      style={{
        height: Dimensions.get('window').height,
        alignItems: 'center',
        justifyContent: 'center',
      }}
    />
)}

mynamespace on 19 Jun 2018

👍6

It looks like the problem has been solved.