How to use the @ui-kitten/components.withStyles function in @ui-kitten/components
To help you get started, we’ve selected a few @ui-kitten/components 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.
berty / berty / tool / tyber / js / app / components / MainPanel.tsx View on Github 
return (
);
}
}
export const MainPanel = withStyles(mainPanel, (theme) => ({
mainPanel: {
height: "100%",
overflow: "hidden",
backgroundColor: theme["background-basic-color-2"],
},
placeholder: {
userSelect: "none",
flex: 1,
flexDirection: "row",
justifyContent: "center",
alignItems: "center",
right: 20,
textAlign: "center",
},
placeholderIcon: {
fontSize: 50,);
} else {
return (
this.renderTrace(item, style)
}
/>
);
}
}
}
export const TraceList = withStyles(traceList, (theme) => ({
container: {
flex: 1,
justifyContent: "center",
alignItems: "center",
},
traceList: {
flex: 1,
},
trace: {
margin: 0,
borderLeftWidth: 0,
borderTopWidth: 0,
borderBottomWidth: 2,
paddingLeft: 15,
paddingRight: 0,
paddingBottom: 0,<button style="{props.themedStyle.signupButton}">
No account yet?
</button>
<button style="{props.themedStyle.signInButton}">SIGN IN</button>
);
};
export const SampleAuthScreen = withStyles(SampleAuthComponent, (theme: ThemeType) => ({
container: {
flex: 1,
},
cardContainer: {
flex: 1,
flexDirection: 'row',
borderRadius: 4,
marginHorizontal: 24,
marginVertical: 24,
overflow: 'hidden',
},
cardHeader: {
flexDirection: 'row',
alignItems: 'center',
width: '25%',
paddingHorizontal: 24,@ui-kitten/components
React Native components based on Eva Design System
