Size: a a a

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

2020 March 06

DS

David Str in React Native — русскоговорящее сообщество
Или объект использовать, в качве ключа использовать возможный id, а в качестве значения компонент
источник

J

Jasur in React Native — русскоговорящее сообщество
не понял
источник

DS

David Str in React Native — русскоговорящее сообщество
Вот так можно
источник

DS

David Str in React Native — русскоговорящее сообщество
источник

DS

David Str in React Native — русскоговорящее сообщество
И никаких свитчей не надо
источник

DS

David Str in React Native — русскоговорящее сообщество
Ну и вместо end.diff любой компонент
источник

ДР

Димка Реактнативный 🛸 in React Native — русскоговорящее сообщество
Jasur
Как вот это можно упростить ?

 _renderContent = section => {
       const { id } = section;
       return (
           <>
               {id==1 ? <Logo/> : <View/>}
               {id==2 ? <Description/>: <View/>}
           </>
       );
   };

Я собирался через switch сделать

switch(id){
case 1:
<Logo>
case 2:
<Description>

Но как это внутри return писать ?
Или так:
const icon = status => ({
   1: 'SUCCESS',
   2: 'FAIL',
   3: 'PENDING'
 }[status])
источник

DS

David Str in React Native — русскоговорящее сообщество
Jasur
Как вот это можно упростить ?

 _renderContent = section => {
       const { id } = section;
       return (
           <>
               {id==1 ? <Logo/> : <View/>}
               {id==2 ? <Description/>: <View/>}
           </>
       );
   };

Я собирался через switch сделать

switch(id){
case 1:
<Logo>
case 2:
<Description>

Но как это внутри return писать ?
Касаемо того, как в return писать - просто функцию вызови

<>
 {renderItemsConditionally()}
</>

И в саму функцию свитч закинь
источник

J

Jasur in React Native — русскоговорящее сообщество
David Str
Касаемо того, как в return писать - просто функцию вызови

<>
 {renderItemsConditionally()}
</>

И в саму функцию свитч закинь
Понял, лучше как  Ты и Дима показали сделаю. Что то новое
источник

AB

Andrii Boiko in React Native — русскоговорящее сообщество
hash pattern используй
источник

J

Jasur in React Native — русскоговорящее сообщество
Andrii Boiko
hash pattern используй
Как это ?
источник

AB

Andrii Boiko in React Native — русскоговорящее сообщество
const icon = status => ({
   1: 'SUCCESS',
   2: 'FAIL',
   3: 'PENDING'
 }[status])
источник

AB

Andrii Boiko in React Native — русскоговорящее сообщество
только или дефолтное поведение добавь
источник

AB

Andrii Boiko in React Native — русскоговорящее сообщество
или в коде проверку нужно
что если status == 'null' || 'undefined'
что то с этим сделать
источник

DS

David Str in React Native — русскоговорящее сообщество
Есть ещё https://github.com/tc39/proposal-pattern-matching Pattern Matching
источник

DS

David Str in React Native — русскоговорящее сообщество
Но это не оч интуитивный код
источник

J

Jasur in React Native — русскоговорящее сообщество
Andrii Boiko
const icon = status => ({
   1: 'SUCCESS',
   2: 'FAIL',
   3: 'PENDING'
 }[status])
Спасибо
источник

a

alex in React Native — русскоговорящее сообщество
подскажите кто шарит в глубоких deep linking, как сделать переход по линке через initialRoute корневого роута ? сейчас если перейти по линке, он идет на прямую в роут к которому привязана линка и initialRoute не срабатывает
источник

VR

Vladimir Ryabocon in React Native — русскоговорящее сообщество
Всем привет. Проблема с клавиатурой на Android. Есть экран на нём два блока, нижний блок я опускал вниз через justifyContent: flex-end, и когда я в верхнем блоке пытаюсь печатать текст , появляется клавиатура, и из-за этого нижний блок с кнопкой наезжает на верхний. Как сверствать это правильно, чтоб не было такой ошибки?
источник

VR

Vladimir Ryabocon in React Native — русскоговорящее сообщество
источник