Описание тега react-native-flexbox
1
ответ
React Native FlexLayout: выравнивание справа
У меня есть список продуктов и я хочу отобразить текст "ЕДИНИЦА ПУНКТА" в правом конце моего информационного блока. Однако на это влияет положение текста над ним. Как мне решить эту проблему и поместить "БЛОК ПУНКТА" в правый конец дисплея? <Touc…
05 апр '18 в 15:14
1
ответ
React Native: как анимировать виды от вертикального до горизонтального
Таким образом, по сути, у меня есть два вида, которые расположены вертикально, и при нажатии кнопки их нужно анимировать, чтобы первый вид двигался влево, а второй - вверх и располагался справа от первого. Кажется, достаточно просто выполнить настро…
14 июл '17 в 21:02
1
ответ
Как создать форму круга в реагировать родной с Flex Box
Это мой компонент: const styles = { menuContainer: { flex: 1, flexDirection: 'column' }, menuItem: { flex: 1, borderRadius: ?? } } <View style={styles.menuContainer}> <TouchableOpacity {styles.menuItem}/> <TouchableOpacity {styles.men…
25 окт '17 в 16:43
2
ответа
Как разработать экраны в реагировать на нативную совместимость для всех устройств
Я пытаюсь разработать этот дизайн react-native, Это то, что я кодировал для этого, но это не то, что я хочу. Это работает только на одном экране, если я изменяю размер экрана, то все не работает. Это выглядит как абсолютный макет. Какие изменения я …
14 апр '17 в 16:53
1
ответ
React-Native: маржа с процентным значением
Я пытаюсь использовать процентное значение для атрибута маржинального стиля в моем проекте React Native, но кажется, что он уменьшает высоту одного из моих компонентов View. Если я заменю процентное значение на абсолютное значение, проблема больше н…
23 май '18 в 10:12
1
ответ
React Native require() сеть против статического изменения размера изображения
Почему, когда я использую сетевой образ, <View style={{flex: 1, alignItems: 'stretch'}}> <Image style={{flex: 1}} source={{uri: 'https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png'}} /> </View> он за…
03 дек '16 в 19:42
1
ответ
Перекрывающиеся и позиционирующие элементы в React Native
Я пытаюсь перекрывать элементы, как показано на каркасе, а также размещать их. Я пробовал - position:'lative 'и элемент исчезает - position:' absolute ', но alignItems:' center 'ничего не делает Кто-нибудь может помочь определить, чего не хватает? К…
16 апр '18 в 03:35
0
ответов
Как удалить пустое место на моем экране с помощью flex
Как удалить пустое пространство на моем экране Я использую flex box. Я показал экран ниже. Я использую borderTopLeftRadius, borderTopRightRadius, даже если он показывает пустые места, это мой код. <View style={{flex:98,borderRadius:10,backgroundC…
09 сен '17 в 09:30
1
ответ
React Native `alignItems: 'flex-end'` скрывает содержимое в компоненте TabBarIOS
Этот вопрос похож на этот, но у меня другие требования. у меня есть <TabBarIOS> компонент, который делает <Camera> от реагировать-родной камеры. Мне нужно разместить кнопку, чтобы сделать снимок в нижней части <Camera> компонент, н…
30 дек '16 в 21:56
1
ответ
Свойство flexbox 'flex' в React Native
Я пробираюсь через замечательные ReactNativeKatas, чтобы изучить макеты flexbox в React Native. В приведенном ниже примере flex Свойство на двух дочерних взглядов родителя View (тот, кто использует styles.container) установлен на 0.1, Установка обои…
18 авг '16 в 15:34
1
ответ
Совместите список с изображением и двумя текстовыми компонентами
Я хочу использовать FlatList, который будет отображать изображение и текст, который включает в себя имя, дату и изменяющийся раздел текста. Упрощенный извлеченный код ниже поместит картинку слева, как я хочу, и отобразит строки текста, соединенные с…
31 дек '18 в 05:25
1
ответ
React Native - Для чего используется свойство aspectRatio в макете?
Я новичок в react native, Я изучаю layout свойства здесь, но я застрял, чтобы понять aspectRatio собственность, потому что она не существует в CSS, Но после небольшого исследования я немного понимаю это свойство. Но я хочу изучить шаги, которые задо…
04 дек '18 в 08:17
0
ответов
Выравнивание элементов в flexWrap зависит от количества элементов
Я пытаюсь расположить текст по центру в рамке, которая находится во flexWrap. Но это немного выше или ниже центра, в зависимости от того, сколько ящиков есть (???). Наблюдайте, как все Hellos движутся вверх, когда добавлено больше блоков: Экспо заку…
17 фев '19 в 21:51
2
ответа
Выравнивание с flexbox в реагировать родной
У меня есть этот экран в моем приложении, который соответствует этому коду render() { return ( <View style={styles.containerStyle}> <Chrono style={styles.svgStyle} fill="blue"/> <Button style={styles.buttonStyle}>Add</Button>…
14 июн '18 в 14:53
1
ответ
Что классифицирует контейнер в React Native?
Я начал работать с flex box на React native, на CSS вы должны настроить отображение на flex, но на RN это установлено по умолчанию. Что классифицирует контейнерный объект, где вы можете установить alignItems, justifyContent? Нужно ли только быть пре…
16 апр '17 в 19:30
2
ответа
Я не могу изменить свойство flex в этом родном виде
Я использую компоненты shoutem / ui http://shoutem.github.io/docs/ui-toolkit/components/rows и мне кажется, что этот элемент строки не может иметь меньшую высоту - кажется, он принимает высота полного изгиба. как я могу получить оранжевую область ме…
23 май '17 в 14:31
1
ответ
React Native - как отследить сенсорные события за компонентом абсолютной позиции
Я пытаюсь иметь всплывающее диалоговое окно (созданное как компонент с позицией: "абсолютный") и закрывать его, когда пользователь нажимает за пределами всплывающего окна. Я новичок в React Native, поэтому другие вещи, которые я сделал, могут быть н…
17 май '17 в 21:30
1
ответ
React-Native отображает изображение без объявления размеров
В React-Native возможно ли отображать изображение без объявления width а также height внутри style опора?Я хотел бы, чтобы изображение занимало все пространство, которое оно имеет, или отображалось в его реальных размерах. (установлено ли для resize…
07 июн '17 в 12:32
1
ответ
Вид позиции внизу (Липкий нижний колонтитул), React Native
У меня есть этот компонент: render() { return ( <ScrollView style={styles.container}> <View style={styles.body}> <View style={styles.LogoContainer}> <Image resizeMode="contain" style={styles.logo} source={require('../../images/l…
11 янв '18 в 17:49
1
ответ
Cannot change width and height of custom component in React-native?
I have a minimal custom stateless component like this: const ViewBox = (props) => ( <View style={ mainStyle : {backgroundColor: 'beige'} }> {props.children} </View> ) export default ViewBox; so I want to import and use it inside anoth…
18 ноя '17 в 02:12