Yoga child's does not respect the width or justify-content

[vallemar]

I am tested designs with yoga and it is not respecting the width of the children, put the width that you put always occupies 100% of the father. here is what i'm trying to do

    <View
          style="
        flex: 1;
        width: 500;
        height: 500;
        justify-content: space-between;
        align-items: flex-start;
        padding: 20;
        background: black"
      >
        <View style="flex: 1; width: 10; height: 100; background: red"/>
        <View style="flex: 1; width: 10; height: 100; background: blue"/>
      </View>

it looks like this

and it should look like this

[vallemar]

I think the axis properties are not working well. aling-items with the children to width: auto and height: auto should make the children very small but the behavior is that it is stretching it to the parent in width and height

[vallemar]

here I had the same error but I have corrected it and the error continues