RN & Flutter tools
// RN & Flutter
RN Style
> Generate a React Native StyleSheet snippet with spacing, type, colors, and shadows.
style.cfg
Style preview
stylesheet.ts
import { StyleSheet } from 'react-native';
export const styles = StyleSheet.create({
container: {
padding: 16,
margin: 8,
borderRadius: 12,
backgroundColor: '#12121A',
// iOS shadow
shadowColor: '#000',
shadowOffset: { width: 0, height: 2 },
shadowOpacity: 0.25,
shadowRadius: 8,
// Android elevation
elevation: 4,
},
text: {
fontSize: 16,
fontWeight: '600',
color: '#E0E0E0',
},
});