Margin doesn't work when i have styled component inside styled component in react native. I need that specific way styled(StyledBody).
import React from 'react';
import styled from 'styled-components/native';
import { Text, View } from 'react-native';
export default function HelloWorldApp() {
return (
<>
<StyledBody2>
<Text>Hello, world!1</Text>
</StyledBody2>
<Text>Hello, world!2</Text>
</>
);
}
const StyledBody = styled.View`
`;
const StyledBody2 = styled(StyledBody)`
//it doesn't work
margin: 20px;
`;
Top comments (0)