react-native-offline-mode icon indicating copy to clipboard operation
react-native-offline-mode copied to clipboard

Style of no connection page

Open MeganGilligan1 opened this issue 8 years ago • 4 comments

Hi, is there a way to change it so that when it loses connection only a small message appears at the bottom (like facebook/messenger) loses connection, rather than a full blank page?

MeganGilligan1 avatar Mar 16 '17 14:03 MeganGilligan1

This library switches between 2 components - one when the app is connected and the second when the app is offline. While you could potentially just show a blank View when online and a styled message at the bottom when offline, you'll probably be better off with implementing this with NetInfo yourself.

rauchy avatar Apr 02 '17 10:04 rauchy

@MeganGilligan1 you could try using this component for that ismdcf/react-native-internet-status-view if interested contribute to it (PR's are welcomed)

ismdcf avatar Apr 20 '17 18:04 ismdcf

@MeganGilligan1, @rauchy I think we should implement a default style that will be a bit more fancy than the one we have now (i.e. show load indicator or something else); but then the user/developer should be able to customise accordingly, like passing his own UI component.

What do you think?

marudy avatar Oct 10 '18 13:10 marudy

@marudy that's a great idea! In the end we ended up using the suggestion from @ismdcf as we didn't want the whole screen to be hidden.

MeganGilligan1 avatar Oct 16 '18 15:10 MeganGilligan1