How to use the @emotion/native.Image function in @emotion/native
To help you get started, we’ve selected a few @emotion/native 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.
emotion-js / emotion / packages / native / types / tests.tsx View on Github 
const largeTextStyle: TextStyle = {
fontSize: 24
}
const stretchImageStyle: ImageStyle = {
resizeMode: 'stretch'
}
// for some reason, TypeScript is not complaining about the incorrect interpolated type
styled.Text(largeTextStyle, stretchImageStyle)
export const LargeText = styled.Text`
${largeTextStyle}
// ${stretchImageStyle}
`
styled.Image(
stretchImageStyle
// this style will not align with the ImageStyle typing requirement
// largeTextStyle
)
export const StretchedImage = styled.Image`
${stretchImageStyle};
`
export const ComposedView = styled.View`
${className} ${className2}
background-color: white;
`
export const NestedComposedView = styled.View(css`
${className} ${className2}
background-color: white;@emotion/native
Style and render React Native components using emotion
