Вопросы с тегом «react-native»

У меня есть элемент, который я хочу плавать правильно, например <View style={{width: 300}}> <Text style={{backgroundColor: "#DDD"}}>Hello</Text> </View> Как можно Textплавать / выравнивать вправо? Кроме того, почему он Textзанимает все пространство Viewвместо "Hello"?

157 react-native 

Недавно я начал получать эту ошибку: Ключ NSPhotoLibraryUsageDescription должен присутствовать в Info.plist для использования прокрутки камеры. Я использую React Native для сборки своего приложения (я не знаком с ios native development) и не знаю, как добавить этот ключ в Info.plist Можете ли вы опубликовать пример? Спасибо Я использую пакет npm …

157 ios  react-native  info.plist 

Можно ли получить размер (ширину и высоту) определенного вида? Например, у меня есть представление, показывающее прогресс: <View ref='progressBar' style={{backgroundColor:'red',flex:this.state.progress}} /> Мне нужно знать фактическую ширину представления, чтобы правильно выровнять другие представления. Это возможно?

156 ios  react-native 

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

155 react-native 

Недавно запущенные функции реагируют только на пример приложения для iOS и документы.

154 android  reactjs  react-native 

Я использую реактивную систему для создания кроссплатформенного приложения, но я не знаю, как установить переменную среды, чтобы у меня были разные константы для разных сред. Пример: development: BASE_URL: '', API_KEY: '', staging: BASE_URL: '', API_KEY: '', production: BASE_URL: '', API_KEY: '',

152 react-native 

Я хотел добавить полноэкранное изображение в представление, поэтому я пишу этот код return ( <View style={styles.container}> <Image source={require('image!egg')} style={styles.backgroundImage}/> </View> ) и определил стиль как var styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#F5FCFF', flexDirection: 'column', }, backgroundImage:{ width:320, height:480, } ... но таким образом, …

150 javascript  react-native 

Я использую React.JS, и когда я делаю react-native run-android(с подключенным устройством), я вижу пустую страницу. Когда я встряхиваю устройство и выбираю Debug JS Remotelyиз списка опций, я вижу следующий экран. FYI: OS: Ubuntu 16.04 Node version is: v4.6.2 java version "1.8.0_111" react": "15.4.1 react-native": "0.38.0

149 android  reactjs  react-native 

Я новичок в React Native, и мне интересно, как я могу скрыть / показать компонент. Вот мой тестовый пример: <TextInput onFocus={this.showCancel()} onChangeText={(text) => this.doSearch({input: text})} /> <TouchableHighlight onPress={this.hideCancel()}> <View> <Text style={styles.cancelButtonText}>Cancel</Text> </View> </TouchableHighlight> У меня есть TextInputкомпонент, и я хочу показать, TouchableHighlightкогда ввод получает фокус, а затем скрыть, TouchableHighlightкогда пользователь …

149 javascript  react-native 

Как мне добавить элементы в свой массив arr[]состояния редукции в редукторе? Я делаю это- import {ADD_ITEM} from '../Actions/UserActions' const initialUserState = { arr:[] } export default function userState(state = initialUserState, action) { console.log(arr); switch (action.type) { case ADD_ITEM: return { ...state, arr: state.arr.push([action.newItem]) } default: return state } }

148 react-native  redux  react-redux 

Когда я создаю новый проект с использованием react-native init(версия 0.29.1 RN) и помещаю выборку в метод рендеринга в общедоступный API демо-фильма Facebook, он выдает a Network Request Failed. Существует очень бесполезная трассировка стека, и я не могу отлаживать сетевые запросы в консоли Chrome. Вот выручка, которую я отправляю: fetch('http://facebook.github.io/react-native/movies.json') .then((response) …

146 javascript  react-native  fetch-api 

Я пытаюсь использовать fetchв React Native, чтобы получить информацию из API поиска продуктов. Я получил правильный токен доступа и сохранил его в состояние, но, похоже, не смог передать его в заголовке авторизации для запроса GET. Вот что у меня так далеко: var Products = React.createClass({ getInitialState: function() { return { …

141 javascript  oauth-2.0  react-native  fetch-api 

Я пытаюсь переключить экран с помощью навигатора стека и вкладок. const MainNavigation = StackNavigator({ otp: { screen: OTPlogin }, otpverify: { screen: OTPverification}, userVerified: { screen: TabNavigator({ List: { screen: List }, Settings: { screen: Settings } }), }, }); В этом случае сначала используется stacknavigator, а затем tabnavigator. и …

141 javascript  react-native  react-navigation  expo 

В моем приложении длинный текст, и мне нужно его обрезать и добавить в конец три точки. Как я могу сделать это в элементе React Native Text? Спасибо

140 react-native  ellipsis 

Это стиль вида, который я использовал backCover: { position: 'absolute', marginTop: 20, top: 0, bottom: 0, left: 0, right: 0, } В настоящее время он имеет белый фон. Я могу изменить backgroundColor, как захочу, '#343434'но он принимает максимум 6 шестнадцатеричных значений для цвета, поэтому я не могу дать непрозрачность для …

139 react-native