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

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

Start with the linked Yoga playground and the NativeScript View reproduction in the issue, comparing the reported layout with the expected image. Trace how child width and justify-content are handled, then verify that the two children retain width 10 and are spaced as shown in the expected result.