create-rn-starter-kit/template/src/modules/feature/summary/styles.ts

Interactive CLI for creating modular React Native apps with Expo

import { StyleSheet, Platform } from 'react-native';

export const summaryStyles = StyleSheet.create({
  sectionContainer: {
    flex: 1,
    ...(Platform.OS === 'web' && {
      height: '100vh' as any, // Cast to any for web-specific CSS
      overflow: 'hidden' as any
    })
  },
  sectionScrollView: {
    flex: 1,
    ...(Platform.OS === 'web' && {
      maxHeight: '100vh' as any, // This is what worked in inspector
      overflowY: 'scroll' as any,
      WebkitOverflowScrolling: 'touch' as any
    })
  },
  sectionContent: {
    paddingHorizontal: 16,
    paddingBottom: 20,
  },
  bottomPadding: {
    height: 20,
  },
});