Как разместить несколько кнопок в одной строке отдельно в react-native?

Я хочу создать две кнопки в одной строке отдельно. Я использовал flex=2, но это не работает. Как я могу это исправить?

<View style = {{ flex: 2,flexDirection: "row" ,marginLeft:20}}>
    <BtnDft h = {40} w = {100} name = { "Update"} />
    <BtnDft h = {40} w = {100} name = { "Log out"} />
</View>

когда вы говорите, что это не работает, что вы имеете в виду?

— 30.05.2019 12:02

Я имею в виду, что flex не работает для отдельных кнопок.

— 30.05.2019 12:13

react-native react-native-android

30.05.2019 11:54

Умерло ли Create-React-App?

В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.

Освоение React Native: Пошаговое руководство для начинающих

React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...

Ускоренная стилизация компонентов React Native с помощью NativeWind

В чем разница между react native и react ?

React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...

От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React

Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...

Хуки React: что это такое и как их использовать

Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...

3 423

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Удалить flex: 2

{ flexDirection: "row" ,marginLeft: 20, justifyContent: 'space-evenly' }

измените положение кнопок с помощью justifyContent. Доступные варианты: flex-start, center, flex-end, space-around, space-between и space-evenly.

30.05.2019 12:05

Другие вопросы по теме

AsyncStorage getItem и setItem не работают на устройстве Android

Как выделить элемент из плоского списка и показать параметр удаления, чтобы удалить этот элемент из списка при длительном нажатии на этот элемент?

Значение не меняется в React-Native-Numeric-Input

Базовый модуль RNFirebase изначально не был найден на Android, убедитесь, что вы правильно добавили зависимости RNFirebase и Firebase gradle

Массив состояний React Native Android не работает

React Native Component не определен

Исправлено: «Приложение устанавливается только один раз, если я удаляю и устанавливаю снова, выдает ошибку»

Как передать пользовательский атрибут стилизованному компоненту в функциональном компоненте?

Не удалось обновить метку времени. Ошибка при запуске «реагировать на запуск Android» в gc.properties (реакция-нативный)

React Native получает TypeError: undefined не является объектом (оценка '_this.state.apiData.items.map')

Как разместить несколько кнопок в одной строке отдельно в react-native?

Ответы 1

Другие вопросы по теме

Похожие вопросы