Flexbox issue : justify-* and items-* are reversed

[nicodevenv]

Describe the bug justify- makes vertical alignments but should be aligned horizontally items- makes horizontal alignments but should be aligned vertically

To Reproduce

import {Text, View} from "react-native";

const StyledView = styled(View);

export default function App() {
    return <StyledView className={`flex-1 items-start justify-end`}>
        <Text>123</Text>
    </StyledView>;
}

Expected behavior The text should be on the top right corner

[nicodevenv]

I just understood that we should specify the flex direction first...