react-native- все статьи тега


как заставить react native packager игнорировать определенные каталоги

Задача: Мой проект имеет @providesModule naming collision при попытке запустить react-native run-ios из командной строки. Он конфликтует с автоматически генерируемым dir dist/, который создается другим пакетом npm, esdoc. Я хотел бы иметь возможность сохранить этот автогенерированный dir и просто заставить react native packager игнорировать dist/ dir. Сообщение Об Ошибке: [01/23/2017, 13:17:07] <START> Building Haste Map Failed to build DependencyGraph: @providesModule naming coll ...

Как остановить циклическую анимацию в React Native?

У меня есть простая анимация цикла в моем компоненте, как это: runAnimation() { console.log('run animation'); this.state.angle.setValue(0); Animated.timing(this.state.angle, { toValue: 360, duration: 8000, easing: Easing.linear }).start(() => this.runAnimation()); } ... <Animated.Image style={[ styles.rotate, { transform: [ { rotate: this.state.angle.interpolate({ inputRange: [0, 360], ...

Как установить семейство шрифтов по умолчанию в React Native?

Есть ли эквивалент этому CSS в React Native, так что приложение использует один и тот же шрифт везде ? body { font-family: 'Open Sans'; } Применение его вручную к каждому текстовому узлу кажется чрезмерно сложным. ...

Как мне получить значение в TextInput, когда onBlur вызывается?

В React native я хочу передать значение TextInput в обработчике событий onBlur. onBlur={(e) => this.validateText(e.target.value)} E. цель.значение работает для простой реакции. Но в react-native, то есть target.значение не определено. Какова структура args событий, доступных в react-native? ...

Как добавить проверку электронной почты в поле с помощью tcomb-form-native?

Используя библиотеку tcomb-form-native с react native-я установил keyboardType на адрес электронной почты. Как добавить регулярное выражение или Средство проверки электронной почты в форму? Должен ли я сделать это на функции submit (и бросить специальную ошибку?) или есть поле проверки регулярных выражений, которое я могу задать с помощью библиотеки? Я заметил, что tcomb-проверка https://github.com/gcanti/tcomb-validationlibrary у есть поле типа RegExp , но я не вижу примеров его использован ...

React-Native: LayoutAnimation

Я использую LayoutAnimation react-native для реализации пользовательского компонента switch. Я анимирую движение круга с помощью LayoutAnimation следующим образом: componentWillUpdate() { let switchAnimation = { duration: 250, update: { type: LayoutAnimation.Types.linear, property: LayoutAnimation.Properties.opacity, }, }; LayoutAnimation.configureNext(switchAnimation); } Коммутатор-это его собственный компонент. Он получает реквизит, чтобы установить кру ...

React Native: не удается получить доступ к местоположению с помощью geolocation API

Ошибка: похоже, что приложение не имеет разрешения на доступ к местоположению. Добавьте следующую строку в приложение AndroidManifest.xml Несмотря на то, что я добавил разрешения в манифест.xml и запрашивать разрешения среды выполнения я не могу получить доступ к GPS. Мой Андроидманифест.xml <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.location"> <uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:nam ...

React Native-DEV не определен

У меня есть react-native@0.26.2 проект. Я удалил папку node_modules и после того, как я дал следующие команды: npm i react-native upgrade Но я получаю эту ошибку: react-native.js:15 ReferenceError: __DEV__ is not defined Как это исправить? ...

react-native: push-уведомления + синтаксический анализ

В настоящее время я работаю над небольшим проектом приложения, чтобы изучить и опробовать react-native на iOS. У меня есть некоторый опыт работы с синтаксическим анализом (parse.com) и хотел бы integreate parse в новом приложении. В настоящее время у меня нет проблем с включением parse js в react-native. Я могу войти в систему с помощью учетных записей и т. д. Теперь мне нужно отправить push-уведомления определенному числу пользователей (не всем пользователям). Чего я не понимаю, так это как pu ...

Реагировать родной ошибку "возвращение" зажечь "непойманный при регистрации" с использованием API

Здравствуйте, я все еще новичок в react native, я запутался, как использовать react redux специально для шаблона ignite. Я следую этот учебник https://medium.com/skyshidigital/interaksi-api-dengan-ignite-react-native-f83bf35a23f5. Это мой последний ошибка "неперехваченное при регистрации", "взять(patternOrChannel): patternOrChannel неопределено". Пожалуйста, помогите мне сказать, где находится часть моих кодов, которые дают мне ошибку. Api.js: // a library to wrap and simplify api calls impor ...

Как запустить React-Native примеры?

Я не могу найти никаких инструкций о том, как установить и запустить один из других примеров, приведенных в 'https://github.com/facebook/react-native/tree/master/Examples 'такие как' https://github.com/facebook/react-native/tree/master/Examples/Movies'. Учебник только говорит вам делать react-native init AwesomeProject Который захватывает ' https://github.com/facebook/react-native/tree/master/Examples/SampleApp'. Если я клонирую весь "react-native" репозиторий, а затем выполнить npm ins ...

React Native font outline / textShadow

Можно ли добавить абрис или textShadow к шрифту в react native, чтобы добиться чего-то вроде этого (белый шрифт с черным абрисом): В CSS в интернете можно добавить текстовую тень или контур к шрифту, чтобы дать тексту границу, которая следует за шрифтом, что-то вроде этого: h1 { color: yellow; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } <h1>Hello World</h1> Можно ли сделать что-то подобное в react native? Я взял пример фрагмен ...

Почему иногда render вызывается сразу после setState, а иногда нет

Вот мои коды: class TestState extends Component{ constructor(props){ super(props); this.state={ text:"123" } this._hello = this._hello.bind(this) } _hello(){ console.log("guangy will set state..."); let num = Math.floor(Math.random()*100); this.setState({text: ""+num }); console.log("guangy after set state..."); } componentWillUpdate(){ console.log("guangy componentWillUpdate") } ...

react native-приложение вылетает, когда идет в фоновом режиме (нет ошибки в журнале)

У меня есть список звуковых элементов в FlatList и я использую реагировать родной аудио-инструментарий играть в них. У меня есть экземпляр игрока в дочернем компоненте. По какой-то причине, когда я минимизирую приложение, приложение вылетает без какой-либо ошибки в react-native log-android. Я не знаю, как это отладить. Есть ли способ найти причину этой ошибки? Я не уверен, с какой командой использовать --stacktrace, если бы я мог. Кроме того, я уверен, что это связано с игроком в react-native- ...

TouchableHighlight и TouchableOpacity влияют на макет на Android

Я заметил, что замена TouchableWithoutFeedback на TouchableHighlight или TouchableOpacity может вызвать различия в компоновке. Это ожидаемо? Пример: <TouchableWithoutFeedback onPress={this.onClick}> <View style={styles.row_container}> <Text style={styles.row_text}> {'I count the number of taps: ' + this.state.clicks} </Text> </View> </TouchableWithoutFeedback> С TouchableWithoutFeedback: Заменив его на TouchableOpacity: Стили: ...

React Native - как сделать изображение шириной 100 процентов и вертикальной вершиной?

Я новичок в react-native. То, что я хочу сделать, - это поместить изображение в устройство и сохранить соотношение изображения. Просто я хочу сделать width : 100% Я искал, как это сделать, и, кажется, resizeMode = 'contain' хорошо для этого. Однако, поскольку я использовал resizeMode = 'contain', изображение сохраняет положение по вертикали, которое мне не нужно. Я хочу, чтобы он был вертикально сверху. Я попытался использовать плагин, такой как react-native-fit-image, но безуспешно. И я н ...

React Native AsyncStorage хранение значений, отличных от строк

Существует ли какой-либо способ хранения значений, отличных от строк с помощью AsyncStorage? Например, я хочу хранить простые логические значения. AsyncStorage.setItem('key', 'ok'); - это не проблема, но: AsyncStorage.setItem('key', false); Не работает.. ...

В чем разница между использованием конструктора и getInitialState в React / React Native?

Я видел, как оба используются взаимозаменяемо. каковы основные варианты использования для обоих? Есть ли преимущества / недостатки? Является ли это лучшей практикой? ...

Скрыть клавиатуру в react-native

Если я нажму на textinput, я хочу иметь возможность нажать где-нибудь еще, чтобы снова закрыть клавиатуру (но не клавишу возврата). Я не нашел ни малейшей информации об этом во всех учебниках и блогах, которые я читал. этот базовый пример все еще не работает для меня с react-native 0.4.2 в симуляторе. Не мог попробовать его на моем iPhone еще. <View style={styles.container}> <Text style={styles.welcome}> Welcome to React Native! </Text> <Text style={sty ...

Как обновить состояние родителя в React?

моя структура выглядит следующим образом: Component 1 - |- Component 2 - - |- Component 4 - - - |- Component 5 Component 3 компонент 3 должен отображать некоторые данные в зависимости от состояния компонента 5. Поскольку реквизит неизменен, я не могу просто сохранить его состояние в компоненте 1 и переслать его, верно? И да, я читал о redux, но не хочу его использовать. Я надеюсь, что это можно решить только с реагировать. Я ошибаюсь? ...