swift – React native align customized iOS UI component

I’m importing a customized created iOS view into my React native display screen.
it appears does not get its authentic sizes. I can not apply RN kinds accurately into this component

      <Textual content>"textual content in middle"</Textual content>
      <Button title="Button in middle" />
        <NativeButton
          onPress={handleButton}
        />
    </View>

[![Image without styles][1]][1]

In case if I'm including top and width it exhibits accurately.



``` <View type={{flex: 1, flexDirection: 'column', alignItems: 'middle', justifyContent: 'middle'}}>
      <Textual content>"textual content in middle"</Textual content>
      <Button title="Button in middle" />
        <NativeButton
          type={{
      top: 45,
      width: 140,
      }}
          onPress={handleButton}
        />
    </View>
```




[![2]][2]
  [1]: https://i.stack.imgur.com/9IN3Y.png

  [2]: https://i.stack.imgur.com/yB5gW.png