When parts of the hierarchy are toggled not all properties update.

[sorskoot]

In the piece of code below, when isOn is true, A should be left aligned. When isOn is false B should be centered. B is left aligned now. The markup below works, because if you add an ! before isOn the result is flipped and B is centered. But then A is incorrect.

                {isOn ? (
                    <Container
                        height={70}
                        marginTop={10}
                        justifyContent={Justify.SpaceBetween}
                        flexDirection={FlexDirection.Row}
                    >
                        <Text>
                            A
                        </Text>
                    </Container>
                ) : (
                    <Container
                        height={75}
                        alignContent={Align.FlexStart}
                        padding={10}
                    >
                        <Text fontSize={20} textAlign="center">
                            B
                        </Text>
                    </Container>
                )