Описание тега react-native-stylesheet

Таблицы стилей React Native предоставляют возможности стилизации, аналогичные таблицам стилей CSS. Используйте этот тег для вопросов о работе с таблицами стилей React Native или стилизации кода React Native в целом.
3 ответа

Сохранение размера изображения пропорциональным

У меня есть контейнер View и он имеет статическую высоту, скажем, 50: container: { width: '100%', height: 50, } Теперь у этого контейнера есть один дочерний элемент, который принимает высоту всего родителя, устанавливая его высоту в 100%: child: { h…
29 май '17 в 08:46
1 ответ

React Native - несовместимое отображение для borderStyle: 'dashed'

Пытаясь использовать StyleSheet.create({ row: { borderStyle: 'dashed', borderWidth: 1, }, }) или любой borderWidth и получение несоответствия с темными очертаниями на некоторых из моих элементов. Это известная ошибка?
0 ответов

Как настроить положение фона в компоненте ImageBackground (React Native)?

У меня есть изображение, как это в качестве актива seats.png (180 x 36 px) каждое "место" представляет собой изображение размером 36x36 px: Мой код: <View style={styles.container}> <ImageBackground style={styles.redSeat} source={seatsPng} r…
25 фев '19 в 04:27
2 ответа

Реагировать на собственную проблему стиля пользовательских кнопок

Я проектирую пользовательскую кнопку в реагировать родной через TouchableOpacity. До сих пор я пробовал разные стилистические подходы, но не получил требуемый дизайн. ниже упоминается моя попытка решить. <TouchableOpacity style={styles.numericBut…
06 фев '19 в 00:29
2 ответа

Реагировать на собственные карты: как визуализировать компоненты под картой?

Я только что реализовал React Native Maps в своем приложении. Моя проблема в том, что все, что я рисую под картами, отображается поверх него. Позвольте мне показать вам, что я имею в виду: Мой вопрос: как мне избежать рендеринга моих компонентов пов…
0 ответов

Есть ли что-то вроде basscss для React Native?

Есть ли что-то вроде basscss для React Native. Я ищу некоторые самоуверенные строительные блоки, чтобы мне не приходилось беспокоиться о каждом пикселе, который я дополняю!
0 ответов

React-Native iOS Status Bar

Я использую реагирующий на родной язык для создания простого приложения. Я сталкиваюсь с ошибкой при попытке изменить цвет фона и цвет содержимого в строке состояния. В настоящее время я тестирую на своем iPhone 8. Кто-нибудь знает, как сделать эти …
2 ответа

React Native FlatList режет текст внизу

Я пытаюсь сделать экран поиска, у меня есть FlatList, который заполняет все неиспользуемое пространство на экране и имеет стиль, который устанавливает отступ на 10. У меня есть жестко закодированные данные, чтобы проверить, как это будет выглядеть, …
1 ответ

Как вызвать AppRegistry.registerComponent с некоторой задержкой

Мне нужно прочитать некоторые пользовательские настройки перед инициализацией приложения. Эти настройки обновят стиль приложения. Я вызвал AppRegistry.registerComponent из-за некоторой задержки, но приложение упало. Нашли эту проблему на https://git…
03 авг '18 в 05:59
1 ответ

Реагируй Родной. Как разместить два текста с разными fontSize в строке с вертикальным выравниванием по центру

Мне нужно выровнять два Text компонент с разными fontSize в ряд и вертикально по центру. У меня есть следующие сейчас https://snack.expo.io/@troublediehard/dmVuZ2 export default class App extends React.Component { render() { return ( <View style=…
18 ноя '18 в 20:01
1 ответ

React Native - как горизонтально центрировать два компонента Text, ожидая их переноса на вторую строку?

Этот пост очень близок, но у меня есть другая ситуация: как отцентрировать горизонтальный исходный текст Flexbox, который переносится на несколько строк Я пытаюсь оформить мой текст так: и чтобы два разных стиля текста были перенесены во вторую стро…
01 мар '19 в 19:49
1 ответ

Стиль ОС по умолчанию в React Native

Я начинаю с React Native и мне интересно, возможно ли применить стиль ОС по умолчанию для каждого элемента, чтобы мне не нужно было обрабатывать каждый стиль элемента, поэтому представьте, что у меня есть форма и простой текстовый список для приложе…
29 дек '18 в 13:54
1 ответ

React Native EStyleSheet, как применять несколько стилей

Я новичок в React Native EStyleSheet lib. Я нахожу это действительно круто, но одну вещь, которую я не могу понять, это то, как применить несколько стилей к одному элементу, как я делал с обычными стилями с style={{...styles.style1, ...styles.style2…
1 ответ

Реагировать родной цветовой стиль

Здесь я прикрепил одно изображение. Эта полоса имеет темный и светло-голубой цвета в соответствии с изображением. Как мне решить эту задачу?
20 авг '18 в 17:02
1 ответ

React-Native: маска изображения с нижним радиусом

Как сделать радиус нижней границы на изображении? И как я могу замаскировать изображение в зеленой зоне? Я попробовал следующие коды, но я не могу получить отношение радиусов на изображении, которое я поделился выше Посмотреть код: <View style={s…
1 ответ

Rotated TouchableOpacity падает на Android при выборе

Я поворачиваю TouchableOpacity (без анимации) как это: transform: [ { rotate: '45deg' } ] Он отлично работает на iOS, но вылетает на Android (см. Тестированные версии ниже): java.lang.ClassCastException: java.lang.String не может быть приведен к jav…
0 ответов

Обновить глобальную переменную во всем приложении в реагировать родной

Я хочу реализовать ночной режим в приложении. Так что я пытаюсь обновить состояние и глобальную переменную в то время, когда ночной режим выключен и включен. Но прямо сейчас его обновление текущего экрана только с использованием обновления состояния…
13 дек '18 в 06:04
0 ответов

React Native createBottomTabNavigator Добавить настроенный цвет из констант

Я работаю над реализацией createBottomTabNavigator. Я добавил tabBarIcon, и я хотел бы использовать глобальный цвет, который я определил в const в файле глобальных стилей, как показано ниже: global.style.js import { StyleSheet } from "react-native";…
0 ответов

React Native Debugger - стили не отображаются

Я использую собственный отладчик реагирования, однако всякий раз, когда я нажимаю на компонент, который имеет стиль, он не показывает стилей. Это также происходит на рабочем столе response-devtools. Кто-нибудь когда-либо имел эту проблему и сумел ре…
2 ответа

Как выровнять компонент View по левому и правому сторонам одинаково в реагирующем

Я создаю кроссплатформенное мобильное приложение, использующее реагирующее. Я реализую функциональность, где я отображаю данные в Аккордеоне. Я хочу, чтобы данные были выровнены по левому и правому краям в Аккордеонном Заголовке и Аккордеонном Орган…
29 дек '18 в 06:24