Styled Native

styled-native

ActivityIndicator
	@include: View
	color: color
	size: enum('small', 'large'), number

Button
	color: color

DatePickerIOS
	@include: View

DrawerLayoutAndroid
	drawerBackgroundColor: color
	drawerPosition: enum(DrawerConsts.DrawerPosition.Left, DrawerConsts.DrawerPosition.Right)
	drawerWidth: number
	statusBarBackgroundColor: color

Image
	resizeMode: enum('cover', 'contain', 'stretch', 'repeat', 'center')
	blurRadius: number
	capInsets: {top: number, left: number, bottom: number, right: number}

KeyboardAvoidingView
	@include: View

ListView
	@includes: ScrollView

MapView
	@include: View

Modal
	animationType: enum('none', 'slide', 'fade')
	transparent: bool
	visible: bool

Navigator

NavigatorIOS
	barTintColor: string
	navigationBarHidden: bool
	shadowHidden: bool
	tintColor: string
	titleTextColor: string
	translucent: bool

Picker
	@include: View

PickerIOS
	@include: View

ProgressBarAndroid
	@include: View
	color: color
	styleAttr: enum('Horizontal', 'Normal', 'Small', 'Large', 'Inverse', 'SmallInverse', 'LargeInverse') #

ProgressViewIOS
	@include: View
	progressTintColor: string
	progressViewStyle: enum('default', 'bar')
	trackTintColor: string

RefreshControl
	@include: View
	colors: [color]
	progressBackgroundColor: color
	progressViewOffset: number
	size: enum(RefreshLayoutConsts.SIZE.DEFAULT, RefreshLayoutConsts.SIZE.LARGE)
	tintColor: color
	titleColor: color

ScrollView
	@include: View
	? horizontal: bool
	showsHorizontalScrollIndicator: bool
	showsVerticalScrollIndicator: bool
	endFillColor: color
	alwaysBounceHorizontal: bool
	alwaysBounceVertical: bool
	bounces: bool
	bouncesZoom: bool
	centerContent: bool
	contentInset: {top: number, left: number, bottom: number, right: number}
	contentOffset: PointPropType {x: 0, y: 0}
	? decelerationRate: enum('fast', 'normal'), number
	? directionalLockEnabled: bool
	indicatorStyle: enum('default', 'black', 'white')
	? maximumZoomScale: number
	? minimumZoomScale: number
	scrollIndicatorInsets: {top: number, left: number, bottom: number, right: number}
	? snapToAlignment: enum('start', 'center', 'end')
	? snapToInterval: number
	? zoomScale: number

SegmentedControlIOS
	@include: View
	tintColor: string

Slider
	@include: View
	maximumTrackTintColor: string
	minimumTrackTintColor: string

SnapshotViewIOS
	@include: View

StatusBar
	animated: bool
	? hidden: bool
	backgroundColor: color
	translucent: bool
	barStyle: enum('default', 'light-content', 'dark-content')
	? networkActivityIndicatorVisible: bool
	showHideTransition: enum('fade', 'slide')

Switch
	@include: View
	onTintColor: color
	thumbTintColor: color
	tintColor: color

TabBarIOS
	@include: View
	barTintColor: color
	itemPositioning enum('fill', 'center', 'auto')
	tintColor: color
	translucent: bool
	unselectedTintColor: color

TabBarIOS.Item
	@include: View
	? selected: bool

Text
	ellipsizeMode: enum('head', 'middle', 'tail', 'clip')
	? selectable: bool
	adjustsFontSizeToFit: bool
	allowFontScaling: bool
	minimumFontScale: number
	suppressHighlighting: bool

TextInput
	@include: View
	placeholderTextColor: color
	selectionColor: color
	inlineImagePadding: number
	underlineColorAndroid: color
	? keyboardAppearance: enum('default', 'light', 'dark')

ToolbarAndroid
	@include: View
	? contentInsetEnd: number
	? contentInsetStart: number
	? rtl: bool
	subtitleColor: color
	titleColor: color

TouchableHighlight
	@include: TouchableWithoutFeedback
	activeOpacity: number
	underlayColor: color

TouchableNativeFeedback
	@include: TouchableWithoutFeedback
	useForeground: bool

TouchableOpacity
	@include: TouchableWithoutFeedback
	activeOpacity: number

TouchableWithoutFeedback
	? hitSlop: {top: number, left: number, bottom: number, right: number} #
	? pressRetentionOffset: {top: number, left: number, bottom: number, right: number}

View
	? hitSlop: {top: number, left: number, bottom: number, right: number}

ViewPagerAndroid
	@include: View

WebView
	@include: View
	? automaticallyAdjustContentInsets: bool
	? contentInset: {top: number, left: number, bottom: number, right: number}
	? scalesPageToFit: bool
	? bounces: bool