react-native-webview.git

WebView.styles.ts 840B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. import { StyleSheet, ViewStyle, TextStyle } from 'react-native';
  2. interface Styles {
  3. container: ViewStyle;
  4. errorText: TextStyle;
  5. errorTextTitle: TextStyle;
  6. loadingOrErrorView: ViewStyle;
  7. webView: ViewStyle;
  8. loadingProgressBar: ViewStyle;
  9. }
  10. const styles = StyleSheet.create<Styles>({
  11. container: {
  12. flex: 1,
  13. overflow: 'hidden',
  14. },
  15. loadingOrErrorView: {
  16. position: 'absolute',
  17. flex: 1,
  18. justifyContent: 'center',
  19. alignItems: 'center',
  20. height: '100%',
  21. width: '100%',
  22. backgroundColor: 'white'
  23. },
  24. loadingProgressBar: {
  25. height: 20,
  26. },
  27. errorText: {
  28. fontSize: 14,
  29. textAlign: 'center',
  30. marginBottom: 2,
  31. },
  32. errorTextTitle: {
  33. fontSize: 15,
  34. fontWeight: '500',
  35. marginBottom: 10,
  36. },
  37. webView: {
  38. backgroundColor: '#ffffff',
  39. },
  40. });
  41. export default styles;