How to use the @callstack/react-theme-provider.withTheme function in @callstack/react-theme-provider

To help you get started, we’ve selected a few @callstack/react-theme-provider examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github StoDevX / AAO-React-Native / modules / filter / active-filter-button.js View on Github external
// TODO: pick an appopriate icon color automatically
	const iconColor = white

	return (
		 onRemove(filter)}>
			
		
	)
}

export const RawActiveFilterButton = ActiveFilterButton

const ThemedActiveFilterButton = withTheme(ActiveFilterButton)

export {ThemedActiveFilterButton as ActiveFilterButton}

const styles = StyleSheet.create({
	badge: {
		alignItems: 'center',
		borderRadius: 15,
		flexDirection: 'row',
		justifyContent: 'center',
		marginRight: 10,
		paddingHorizontal: 10,
		paddingVertical: 5,
	},
	text: {
		fontSize: 14,
		paddingRight: 5,
github StoDevX / AAO-React-Native / source / views / sis / components / recents-list.js View on Github external
/>
					}
					data={items}
					keyExtractor={this.keyExtractor}
					renderItem={this.renderItem}
					// TODO(react-native@0.58): enable this once React Native no longer dies when opening Settings
					//scrollEnabled={false}
				/>
			
		)
	}
}

export const RawRecentItemsList = RecentItemsList

const ThemedRecentItemsList = withTheme(RecentItemsList)

export {ThemedRecentItemsList as RecentItemsList}

const styles = StyleSheet.create({
	listItem: {
		paddingVertical: Platform.OS === 'ios' ? 5 : 0,
		paddingLeft: 2,
		fontSize: 16,
	},
	notice: {
		paddingTop: 30,
		paddingBottom: 35,
	},
	noticeText: {
		color: c.gray,
	},
github StoDevX / AAO-React-Native / modules / filter / filter-toolbar-button.js View on Github external
{popoverVisible && (
					
				)}
			
		)
	}
}

export const RawFilterToolbarButton = FilterToolbarButton

const ThemedFilterToolbarButton = withTheme(FilterToolbarButton)

export {ThemedFilterToolbarButton as FilterToolbarButton}

@callstack/react-theme-provider

Theme provider for react and react-native applications

MIT
Latest version published 1 year ago

Package Health Score

68 / 100
Full package analysis