Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Network Error toast message box #7

Open
8 of 10 tasks
jimmywongz opened this issue Dec 4, 2018 · 1 comment
Open
8 of 10 tasks

Network Error toast message box #7

jimmywongz opened this issue Dec 4, 2018 · 1 comment
Assignees
@wallacesky

Comments

@jimmywongz
Copy link

jimmywongz commented Dec 4, 2018 •
edited by wallacesky
Loading

screenshot 2018-12-04 at 4 34 15 pm

Layout Implementation

  • Display a toast message box
    • Stick with the tab bar

Component Details

  • The icon can be configured
  • The message can be configured
  • Should configurable the flag to identify what page will disable this checking
  • Should keep checking the network status
    • If the network is not available
      • Show the toast box
      • Check the network state periodically such as 3 seconds
        • Until the network status changed to available
          • Dismiss the toast box

Readme

  • After the development, should talk about how to use this component in the README file
@jimmywongz
Copy link
Author

@wallacesky After talked with @frank-oursky ,

We can keep it in the same position if there is no tab bar
Thanks

wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 14, 2018
@wallacesky
Introduce NetworkFailureToast with simple template ui oursky#7
e9cbd16
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 14, 2018
@wallacesky
Introduce FadeAnimation for toast animation oursky#7
4131305
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 14, 2018
@wallacesky
Add event listener for network connectivity oursky#7
9c90918
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 14, 2018
@wallacesky
Show NetworkFailureToast depending on the connectivity state oursky#7
4afb7fa
@wallacesky wallacesky mentioned this issue Dec 14, 2018
Merged
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 14, 2018
@wallacesky
Fix view props types not find in flow oursky#7
39da9e4
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 14, 2018
@wallacesky
Fix view props types not find in flow oursky#7
b3329a9
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 14, 2018
@wallacesky
Provide props to alter network failure toast oursky#7
d6aebab
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 14, 2018
@wallacesky
Provide props to alter network failure toast oursky#7
223efb0
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 14, 2018
@wallacesky
Finish FadeAnimation and NetworkFailureToast type definition oursky#7
1ec9fe0
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 14, 2018
@wallacesky
Provide props to alter network failure toast oursky#7
128b28f
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 14, 2018
@wallacesky
Finish FadeAnimation and NetworkFailureToast type definition oursky#7
580c11d
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 14, 2018
@wallacesky
Guard the view visibility changed before doing animation oursky#7
696e652
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 14, 2018
@wallacesky
Guard the view visibility changed before doing animation oursky#7
a535a30
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 21, 2018
@wallacesky
Introduce NetworkFailureToast with simple template ui oursky#7
3ee8eaa
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 21, 2018
@wallacesky
Introduce FadeAnimation for toast animation oursky#7
8a05b9a
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 21, 2018
@wallacesky
Add event listener for network connectivity oursky#7
81d1f25
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 21, 2018
@wallacesky
Show NetworkFailureToast depending on the connectivity state oursky#7
60bb571
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 21, 2018
@wallacesky
Fix view props types not find in flow oursky#7
5e8f675
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 21, 2018
@wallacesky
Provide props to alter network failure toast oursky#7
9d40fd8
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 21, 2018
@wallacesky
Finish FadeAnimation and NetworkFailureToast type definition oursky#7
cba42a6
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 21, 2018
@wallacesky
Guard the view visibility changed before doing animation oursky#7
815f60a
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 21, 2018
@wallacesky
Support flexible network failure toast width oursky#7
0f6f349
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Dec 21, 2018
@wallacesky
Use defaultProps instead of optional in FadeAnimation oursky#7
2ead1ac
wallacesky added a commit to wallacesky/react-native-oursky that referenced this issue Feb 25, 2019
@wallacesky
Fix NetworkFailureToast blocking pointer event even it's invisible ou…
59499c4 
…rsky#7

Unmount NetworkFailureToast after animation completed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@wallacesky wallacesky

Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@wallacesky @jimmywongz