create-rn-starter-kit/template/src/components/ScreenBuilder/styles.ts

Interactive CLI for creating modular React Native apps with Expo

// src/components/ScreenBuilder/styles.ts
import { StyleSheet } from 'react-native';

export const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  contentPadding: {
    paddingHorizontal: 16, // Minimal side padding for content
  },
  scrollContainer: {
    flex: 1,
  },
  scrollContent: {
    flexGrow: 1,
  },
  sectionHeader: {
    marginBottom: 8,
    marginTop: 8,
  },
  animatedContainer: {
    alignItems: 'center',
    paddingVertical: 20,
  },
  placeholder: {
    // Let ThemedText handle all styling
  },
});