Maxim16

Самый простой способ - использовать компоненент NavigatorIOS (работает только для IOS).
Вот здесь описание facebook.github .io/react-native/docs/navigatorios.html#content
Алгоритм там такой:
- делаешь два компонента React Native в отдельных файлах;
- в index.ios.js делаешь require на первый компонент;
- в index.ios.js вставляешь примерно такой код

render: function() {
  return (
    <NavigatorIOS
      initialRoute={{
        component: FirstView, // название переменной с первым компонентом
        title: 'Первый экран', // то,что будет отражаться в навигаторе в верхней строке
      }}
    />
  );
},

- в файле с первым компонентом делаешь require на второй компонент, делаешь TouchableHighlight, в нем в в свойстве onPress делаешь ссылку на функцию, а в функции пишешь такой код

this.props.navigator.push({
            title: 'Второй экран', // то,что будет отражаться в навигаторе в верхней строке на втором экране
            component: SecondView, // название переменной со вторым компонентом
        });

Аналогом процентов в той версии Flexbox, которая применяется в React Native, является свойство flex.
Например, если у нас есть два элемента , которые вложены в родительский элемент , то можно сделать у первого вложенного в стилях свойство flex:5, а у второго - flex:3. В этом случае первый элемент будет занимать 5/8 от площади родительского элемента, а второй 3/8. Учитывая это, и поэкспериментировав со свойствами alignItems и justifyContent, я думаю, можно добиться нужного отступа без использования margin.