Популярные вопросы по тегу REACT-NATIVE
Не удается найти переменную: размеры
... вать: const {width, height} = Dimensions.get('window'); На собственном 3 компоненте реакции я получаю странную ошибку, которую 2 раньше не видел: Не удается найти пере ...
React Native: запуск анимации при скрытии
... я есть элемент, контролирующий рендеринг 8 дочернего элемента. (TouchableHighlight, который 7 устанавливает некоторое состояние в своем 6 onPress.) В методе componentDidMount дочернего элемента я создаю 5 его Animated.spring и start. ...
React Native - проблема навигации "undefined не является объектом (this.props.navigation.navigate)
... 10 запускаю его в приложении Expo? поэтому 9 я добавил «экспорт по умолчанию» в «HomeScreen», и 8 ошибка исчезла. Новая ошибка, от которой 7 я не могу избавиться (на основе приведенного 6 ниже кода): undefined не является ...
Как исправить недопустимый тип элемента: ожидается строка (для встроенных компонентов)?
... а, в котором он определен, или вы 6 могли перепутать импорт по умолчанию и именованный 5 импорт. Проверьте метод рендеринга Weather. Мой 4 код выглядит так: App.js import React from 'react'; import { Text, View, StyleSheet } from 'react-native'; import Weather from './components/Weather'; export default class App extends React.Component { render() { return ( <View style={styles ...
Фатальная ошибка: файл карты модуля YogaKit.modulemap не найден
... пирования в этот каталог или иным 6 образом исправить эту ошибку? Я открываю 5 файл проекта .xcworkspace. Я уже сделал: rm -rf ~/Library/Developer/Xcode/DerivedData/ pod deintegrate pod update Это 4 открытое приложение с исходной версией react-native 3 0.63.3 и cocoapods v1.10.0. Я использую 2 Mac Mini M1. Любая п ...
Как включить jsconfig.json в проекте, поддерживающем реакцию
... ю новый проект, поддерживающий 13 реакцию, и хочу настроить приложение для 12 поддержки импорта модулей с использованием 11 абсолютных путей, добавив файл jsconfig.json 10 в корень моего проекта. Но приложение не 9 может разрешить модули. Мне нужно сделать 8 ка ...
react-native-safe-area-context выдает ошибку «Неразрешенная ссылка:»
... me/myProject/node_modules/react-native-safe-area-context/android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaView.kt: (9, 37): Unresolved reference: FabricViewStateManager e: /home/me/myProject/node_modules/react-native-safe-area-context/android/src/main/java/com/th3rdwave/safeareacontext/SafeAreaView.kt: (19, 66): Unresolved re ...
React Native - KeyboardAvoidingView с липким нижним колонтитулом
... от 1 мой текущий код: render() { return ( <KeyboardAvoidingView style={{ flex: 1 }} behavior="padding"> <View style={{ flex: 1, }}> <TextInput placeholder="Username" value={this.state.username} style={Styles.textInput} onChangeText={(username) => this.setState({ username })} autoCorrect={fa ...
Как настроить внешний вид React Native ListView RefreshControl
... мент 7 управления обновлением, который называется 6 RefreshControl. Его очень легко использовать. Я хотел бы 5 настроить внешний вид элемента управления, чтобы ...
Невозможно прочесть свойство "Направление" неопределенного значения, только тесты
... <TouchableOpacity style={styles.option} key={i} onPress={() => onOptionPress(opt)} > <Text>{opt}</Text> </TouchableOpacity> ))} </View> </Overlay> ); }; тест: describe("CardFormView", () => { let wrapper, birthday ...
TypeScript React Native Flatlist: как дать renderItem правильный тип элемента?
... вно имеет тип any. Я погуглил, нашел 4 this question и попытался реализовать то, что они здесь 3 преподают, в сочетании с типами из index.d.ts пакета 2 @types для React Native. export interface Props { emotions: Emotion[]; } class EmotionsPicker extends PureComponent<Props> { keyExtr ...
Реагируйте на то, что встроенная нижняя панель вкладок подталкивается вверх при открытии клавиатуры
... eBottomTabNavigator. В 6 одной из вкладок находится панель поиска 5 вверху. Нажимая на эту строку поиска, мы 4 открываем клавиатуру. Но клавиатура также 3 поднимает нижнюю панель вкладок. Нам нужно, чтобы 2 нижняя панель вкладок оставалась внизу при 1 открытии ...
Какую версию поддерживает React Native (iOS и Android)?
... 3 Android React Native работает на sdkMin18 2 и, следовате ...
useContext в React Native
... т, возвращает 3 undefined. Однако, когда я использую <Context.Consumer>, он 2 работает нормально, знаете ли вы, поддерживается 1 ли useContext в ...
Как запустить и открыть почтовый клиент React-native?
... пользователя 3 (iOS и Android) из приложения, поддерживающего 2 реакцию. Сценарий: я отправлю пользо ...
Ошибка propType в компоненте изображения React-native
... аюсь в React для 10 создания веб-приложений ... Я столкнулся 9 с запутанной проблемой, которая никогда 8 не возникала при работе с React в Интернете. В 7 основном я визуализирую компонент, изображение 6 которого динамически создается путем сопоставления 5 массива объектов в его родительском компоненте. export default class ImageComponent extends React.Component { render() { return ( ...
Горизонтальная прокрутка в React-Native: предварительный просмотр следующей страницы / карточки
... бованием: каждая страница (или 6 карточка) занимает 90% ширины контейнера. Оставшиеся 5 10% должны быть превью следующей страницы. Можно 4 ли это сделать с помощью ScrollView? Могу 3 ли я как-то указать ширину пагинации ...
Состояние не обновляется во время тестов Jest при использовании React Native и Hooks
... омпонента, основная идея заключается в 12 том, что какое-то состояние установлено, и 11 при нажатии кнопки вызывается функция с 10 установленным состоянием. Код работает, но 9 когда я пытаюсь проверить это, я не получаю 8 ожидаемого результата, как будто состояние 7 никогда не устанавливается во время теста. Я 6 использую функциональный компонент с хуками 5 (useS ...
Как использовать несколько обработчиков TextInput с помощью одного обработчика?
... о его обработчик событий 11 одним и тем же методом. Я хочу обрабатывать 10 данные массива после заполнения данных в 9 textInput. Здесь добавлено несколько текстовых 8 полей и один handleAddMore. Как определить, какой textInput 7 вызвал handleAddMore. Компонент ...
Как обновить в React Navigation
... } На 3 всякий случай вам понадобится мой код ... 1) Это 2 корневая навигация const RootTabNavigator = TabNavigator ({ Auth: { screen: AuthStackNavigator, }, Welcome: { screen: WelcomeScreen, }, Main: { screen: MainTabNavigator, }, }, { 2) Это Auth Stack Navigator 1 (страница входа) export default StackNavigator ({ Autho: { screen: AuthScreen, ...
Как использовать KeyboardAvoidingView с FlatList?
... oardAvoidingView behavior='padding' style={{ flex: 1 }} > <FlatList style={{ flex: 1, backgroundColor: '#fff' }} data={ds} renderItem={({ item }) => <ListItem data={item} />} ListFooterComponent={this.renderButton} /> &l ...
Как проверить, существует ли ключ в AsyncStorage в React Native? getItem() всегда возвращает объект обещания
... помощью AsyncStorage.getItem('key_name'). Если ключ недоступен, он не 4 возвращает null, он все равно возвращает 3 следующий объект обещания: Promise _45:0 _54:null _65:null _81:1 Моя функция для 2 получения данных следующая: checkItemExists(){ let context = this; try { let value = AsyncStorage.getI ...
ReactJS - В чем разница между состоянием компонента и переменной класса?
... render() { this.active = this.props.name === 'Dan'? true : false; return ( <div> {this.active? 'ssup?' : 'noooo'} </div> ); } } 2. Использование состояния компонента React export default class Test extends Component { constructor( ...
Автоимпорт в коде Visual Studio для разработки на React-Native
... рение для VS Code, которое выполняет 2 автоматический импорт для React Native Components? Например: Когда я ...
withNavigation можно использовать только в иерархии представлений навигатора.
... t, updateAlertModalIsOpen: updateAlertModalIsOpen, updateHasYesNo: updateAlertModalHasYesNo }, dispatch ) } class AlertModalView extends Component<AlertModalProps, State> { render(): Node { return ( <View style={alertModalStyle.container}> <PresentationalModal style={presentationalModalStyle} isOpen={this.props.alertModal.isOpen} title={this.props.aler ...
Как предотвратить новую строку при нажатии Enter в react-native
... ки. У 3 меня нет реквизита, что с этим делать, у 2 кого-нибудь есть идеи? Версия для react-native 1 - 0.28+, требуется подд ...
React Native: разные стили, применяемые при изменении ориентации
... жения, они не пересчитываются и не 9 применяются повторно. Я добавил слушателей 8 в верхний рендеринг, чтобы он обновлял свое 7 состояние при изменении ориентации (и заставлял 6 рендеринг для остальной части приложения), но 5 подкомпоненты не перерисовываются (потому 4 что, на самом деле, они не были изменены). Итак, у меня вопрос: как сделать 3 так, чтобы стили были совершенно разными в зависимости от 2 размера и ориентации экран ...
TaskQueue: Ошибка с задачей: undefined не является объектом (оценивает '_this.view._component.measureInWindow') в собственном ответе
... s = { title: 'Home', headerStyle: {backgroundColor: '#03A9F4'}, headerTintColor: '#fff', headerTitleStyle: {fontWeight: 'bold'}, }; render() { return ( <View style={styles.container}> <Text style={styles.headerText}>Home Activity</Text> <Button title="Go to Profile Activity" ...
Изменить URL-адрес веб-просмотра в React native
... ть новый URL-адрес с помощью this.setState, но 6 это не сработало. this.setState({ ...this.state, url: DEFAULT_URL, }) Вообще-то срабатывает с 5 первого раза. Например, если я изменяю URL-адрес 4 в источнике и выполняю горячую перезагрузку, он 3 работает. Но если я нажму на любую ссылку, главная 2 страница перестанет работать. Можно ...
Обновить предыдущий экран на goBack()
... 3 экрана 4 A, B, C: A -> B -> C Когда мы запускаем goBack() с экрана C, он 3 возвращается к экрану B, но со старым ...
Получение "Ошибка: EINVAL: недопустимый аргумент, прочтите" для "npm install --save-dev eslint --verbose
... INVAL: invalid argument, read Я 3 создал новый проект, поддерживающий реакцию: react-native init gcLists E:\gcLists>npm -v 5.5.1 E:\gcLists>yarn -v 1.2.1 E:\gcLists>react-native -v react-native-cli: 2.0.1 react-native: 0.49.5 npm install --save-dev eslint --verbose Последняя 2 часть журнала: npm ...
JavaScript - как справиться с ошибкой 404 при выборке?
... мер, который, как я знаю, получу ошибку 2 404, я не могу ее обработать, я не знаю, как 1 это сделать. async request(number) { var request = "https://reqres.in/api/users/"+number; fetch( ...
React-native IOS: сбой сетевого запроса
... React from 'react'; // updated import { AppRegistry, MapView, View, Text, StyleSheet, } from 'react-native'; var Api = require('./src/api'); var Weather = React.createClass({ getInitialState: function() { return { pin: { latitude: 0, longitude: 0 }, city: '', ...
Transformer не является ошибкой конструктора при обновлении собственной версии sdk с 0,61.5 до 0,64.0
... реакции до последней. Моя 2 версия metro-react-native-babel-preset - 0.64.0 Пожалуйста, помогите 1 мне с ...
Как я могу получить текущий ReactContext в функции onCreate MainActivity?
... ReactContext. Я пытался использовать (ReactContext) getApplicationContext(), но он 1 вылетает. ...
Были обнаружены несериализуемые значения в состоянии навигации при передаче функции в params
... t;; import { View, Button } from "react-native"; const ViewB = ({ route, navigation }) => { const onBackPress = () => { const { callBack } = route.params; callBack(5,6); // Your new value to set navigation.goBack(); }; return ( <View> <Button title="back" onPress={onBackPress} /> </View> ); }; export default ViewB; при входе 3 в экран B появляется предупре ...
npm run Ошибка сегментации: 11
... шибки: > [email protected] hot /Users/user_name/Documents/dev/app > HOT=1 node ./node_modules/.bin/react-nativ ...
Свойство numberOfLines TextInput не работает
... Вот мой код: <TextInput ref='textInput' multiline={true} numberOfLines: {5} onChangeText={this.onChangeText} style={[styles.textInput, {height: context.props.textInputHeight}]} placeholder={context.props.placeh ...
Как установить маркер в MapView of React Native
... о не могу найти никакой информации в официальных документах MapView. Если это не разрешено ...
Как выровнять (слева, справа, по центру) каждого ребенка независимо?
... lt;/Text> <Image source={icon} style={styles.icon}/> </View> с этими стилями: { navBar: { height: 60, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', }, navBarTitle: { textAlign: 'center', }, icon: { height: 60, resizeMode: 'contain', }, } Вот 16 какой эффект я получаю: Вот какой эффект 15 ...
Реагировать на кластеризацию собственных карт
... карты в свое приложение 9 с поддержкой реакции, для этого я использую 8 библиотеку react-native-maps. https://github.com/airbnb/react-native-maps Я хочу использовать 7 кластер ...
Как автофокусировать следующий TextInput на react-native
... width: 60, height: 4, backgroundColor: '#202020', marginLeft: 10 } } export { PasscodeTextInput }; Обновление 1 index.ios.js import React, { Component } from 'react'; import { AppRegistry, TextInput, View, Text } from 'react-native'; import { PasscodeTextInput } f ...
React Native - вид исчезает, когда позиция абсолютна на Android
... ля этого представления, он 9 исчезает. Понятия не имею, почему это происходит. import React, { Component } from 'react'; import { Text, View, Image, TouchableOpacity, StyleSheet } from 'react-native'; export default class App extends Component { render() { return ( <View style={styles.mainView}> <View ...
Ошибка при обновлении свойства "заливка" представления, управляемого RNSVGReact
... ть эта ошибка: Ошибка 4 при обновлении свойства 'fill' представления, управляемого 3 RNSVGReact Я установил требуемый пакет react-native-svg, но 2 проблема не исчезла. Я использую последнюю 1 ...
Как проверить, доступна ли функция goBack() в реагирующей навигации?
... нуться, я хочу, чтобы он делал 2 что-то еще, так что это мой код: <Button onPress={()=>{ if(CanGoBack){ // imaginary 'CanGoBack' variable this.props.navigation.goBack() ...
Как определить, когда ящик открыт в реакции-навигации?
... screen: ProfileDetail, headerMode: 'screen', navigationOptions: { header: null } }, FeesDetailPage: { screen: FeesDetail, navigationOptions: { header: null }, }, VerifyPage: { screen: Verification, navigationOptions: { ...
Новый проект РН в М1 мбп построить не удалось. "Не удалось найти узел. Убедитесь, что он находится в PATH bash или установите переменную среды NODE_BINARY.
... : 7.10.0 - /opt/homebrew/bin/npm Watchman: Not Found Managers: CocoaPods: 1.10.1 - /Users/chia/.rbenv/shims/pod SDKs: iOS SDK: Platforms: iOS 14.5, DriverKit 20.4, macOS 11.3, tvOS 14.5, watchOS 7.4 Android SDK: Not Found IDEs: Android Studio: Not Found Xcode: 12.5/12E262 - /usr/bin/xcodebuild Languages: Java: Not Found npmPackages: @react-native-community/cli: Not Found react: 17.0.1 => 1 ...
const App:() => React $ Node =() => {...}: что означает эта инструкция?
... образом: const App: () => React$Node = () => {...} Что означает 4 эта инструкция? Я имею в виду, что я привык 3 к компоненту, определенному как const App = () => {. ...
Странная проблема: «Не удается найти тип RCTResponseSenderBlock в области видимости» в модуле Swift React Native
... ace RCT_EXTERN_MODULE(BLEclass, NSObject) RCT_EXTERN_METHOD(addEvent:(NSString *)name callback:(RCTResponseSenderBlock)callback ) @end И это мой файл Swift, в 2 котором у меня проблема: import Foundation @objc(BLEclass) class BLEclass: NSObject{ @objc(addEvent:callback:) func addEvent(_ name: String,_ callback:RCTResponseSenderBlock){ NSLog("%@", name); let resultsDict = [ ...
Не удалось определить зависимости задачи ': app: mergeDebugAssets'
... ment-setup. Run CLI with --verbose flag for more details. Error: Command failed: ./gradlew app:installDebug -PreactNativeDevServerPort=8081 FAILURE: Build failed with an exception. * What went wrong: Could not determine the dependencies of task ':app:mergeDebugAssets'. > Could not resolve all task dependencies for configuration ':app:debugR ...
