Телеграмм чат группы reactnative

Size: a a a

React Native — русскоговорящее сообщество

2020 February 09

Sergey in React Native — русскоговорящее сообщество

Пункт №1 в ответе по твоей же ссылке

<TextInput style={SharedStyles.loginTextInput} 
        placeholder='Email'
        onSubmitEditing={() => { this.passInput.focus(); }}
        blurOnSubmit={false}  
        ></TextInput>

<TextInput style={SharedStyles.loginTextInput} placeholder='Password'

        ref={(input) => { this.passInput = input; }}
        ></TextInput>

источник

13:52пожаловаться #1

Sergey in React Native — русскоговорящее сообщество

Неужели они связываются чисто по плейсхолдеру?

источник

13:53пожаловаться #2

Artur Eshenbrener in React Native — русскоговорящее сообщество

Sergey

<TextInput style={SharedStyles.loginTextInput} 
        placeholder='Email'
        onSubmitEditing={() => { this.passInput.focus(); }}
        blurOnSubmit={false}  
        ></TextInput>

<TextInput style={SharedStyles.loginTextInput} placeholder='Password'

        ref={(input) => { this.passInput = input; }}
        ></TextInput>

источник

13:53пожаловаться #3

Sergey in React Native — русскоговорящее сообщество

Artur Eshenbrener

Вот у меня в первом
onSubmitEditing={() => { this.passInput.focus(); }}

И во втором текстинпуте
ref={(input) => { this.passInput = input; }}

источник

13:54пожаловаться #4

Sergey in React Native — русскоговорящее сообщество

Sergey

Неужели они связываются чисто по плейсхолдеру?

Похоже на то.
А можно как-то по-другому это обыграть через какие-нибудь айдишники?

А то вдруг у меня в плейсхолдере будет 我是俄罗斯人, мне что делать?)

источник

14:02пожаловаться #5

ВА

Вов Ан in React Native — русскоговорящее сообщество

Плейсхолдер тут ни при чём, ты можешь в ref, как угодно назвать input

источник

14:09пожаловаться #6

Sergey in React Native — русскоговорящее сообщество

Вов Ан

Плейсхолдер тут ни при чём, ты можешь в ref, как угодно назвать input

У меня получилось в компоненте создать
let passInput = React.createRef();

А затем уже обращаться к нему. Я так и должен был делать?)

источник

14:09пожаловаться #7

ВА

Вов Ан in React Native — русскоговорящее сообщество

А так как на примере не заработало или как?

источник

14:11пожаловаться #8

Sergey in React Native — русскоговорящее сообщество

Вов Ан

А так как на примере не заработало или как?

Сам пример заработал, но если я меняю плейсхолдеры - он не находит refы (undefined)

источник

14:12пожаловаться #9

ВА

Вов Ан in React Native — русскоговорящее сообщество

Меняешь и в ref и в onSubmitEditing?

источник

14:13пожаловаться #10

Sergey in React Native — русскоговорящее сообщество

Вов Ан

Меняешь и в ref и в onSubmitEditing?

this.* переменная конечно же одинаковая

источник

14:14пожаловаться #11

Sergey in React Native — русскоговорящее сообщество

Только вот из коробки оно похоже определяет имя переменной по плейсхолдеру

источник

14:14пожаловаться #12

ВА

Вов Ан in React Native — русскоговорящее сообщество

Ну вот я недавно делал, у меня плейсхолдер был "Год", а рефка yearInput

Оно как бы не должно быть связано

источник

14:16пожаловаться #13

Sergey in React Native — русскоговорящее сообщество

Вов Ан

Ну вот я недавно делал, у меня плейсхолдер был "Год", а рефка yearInput

Оно как бы не должно быть связано

return(
<TextInput style={SharedStyles.loginTextInput} 

        placeholder='Email'
        onSubmitEditing={() => { this.passInput.focus(); }}
        blurOnSubmit={false}  

        ></TextInput>

        <TextInput style={SharedStyles.loginTextInput} 

        placeholder='Password'
        ref={(input) => { this.passInput = input; }}

        ></TextInput>
);

TypeError: undefined is not an object (evaluating '_this.passInput = input')

источник

14:19пожаловаться #14

Sergey in React Native — русскоговорящее сообщество

Sergey

return(
<TextInput style={SharedStyles.loginTextInput} 

        placeholder='Email'
        onSubmitEditing={() => { this.passInput.focus(); }}
        blurOnSubmit={false}  

        ></TextInput>

        <TextInput style={SharedStyles.loginTextInput} 

        placeholder='Password'
        ref={(input) => { this.passInput = input; }}

        ></TextInput>
);

TypeError: undefined is not an object (evaluating '_this.passInput = input')

Наверно стоит учесть, что у меня вот такой компонент и именно тут проблема?

const SignIn = ({ navigation: { navigate } }) => {
return( ...

export default SignIn;

источник

14:20пожаловаться #15

Bogdan Shelomanov in React Native — русскоговорящее сообщество

всем привет, подскажите, так ли стиль типизировать

style: StyleProp<ViewStyle>

и для текста TextStyle

источник

18:00пожаловаться #16

Artur Yorsh in React Native — русскоговорящее сообщество

Все правильно. StyleProp значит, что можно передать как массив, так и объект. Для View - StyleProp<ViewStyle>. Для Text - StyleProp<TextStyle>

источник

18:39пожаловаться #17

Artur Yorsh in React Native — русскоговорящее сообщество

Установите @types/react-native - там все задокументировано

источник

18:40пожаловаться #18

Kamo Spertsyan in React Native — русскоговорящее сообщество

Ребята, кто шарит в кишках FlatList-а?

Кто может объяснить, почему он ведёт себя так, как описано в примере?
https://stackoverflow.com/questions/57381341/flatlist-re-render-all-data-when-new-data-is-added

Не нужно предлагать варианты решения, я их знаю. Мне интересно, почеему поведение именно такое

Stack Overflow

FlatList re-render all data when new data is added

I test FlatList. Here is what I want to do:
1. Get 10 initial data with componentDidmount
2. Scroll down to get 10 more data

App.js

import React from 'react';
import {
View,
SafeAreaView,
T...

источник

18:54пожаловаться #19

Gena Black in React Native — русскоговорящее сообщество

Kamo Spertsyan

Stack Overflow

FlatList re-render all data when new data is added

I test FlatList. Here is what I want to do:
1. Get 10 initial data with componentDidmount
2. Scroll down to get 10 more data

App.js

import React from 'react';
import {
View,
SafeAreaView,
T...

Потому что он pure component...

источник

19:12пожаловаться #20