169 похожих чатов

React — русскоговорящее с...

Android Developers

Vue.js — русскоговорящее ...

Telegram Developers

Node.js — русскоговорящее...

DevOps — русскоговорящее ...

JavaScript Noobs — сообще...

Angular - русскоговорящее...

Верстка сайтов HTML/CSS/J...

Kubernetes — русскоговоря...

Битрикс для разработчиков

MODX. Русскоязычное сообщ...

pgsql – PostgreSQL

iOS Developers — русского...

ClickHouse не тормозит

Rust — русскоговорящее со...

JavaScript — русскоговоря...

React Native — русскогово...

Docker — русскоговорящее ...

HTML/CSS — русскоговоряще...

Python beginners

🐧 RU.UBUNTU — Официальное...

Kotlin Community

Чат экстремального погром...

Scala User Group

Клуб Vue.js-разработчиков

Xamarin Developers (MAUI,...

Svelte [svelt] - All abou...

Системное администрирован...

Nuxt.js | Vue SSR

var chat = new Chat();

Data Science Chat

Ассемблер

Android Architecture

Laravel для начинающих

Церковь метрик

QA — русскоговорящее сооб...

R (язык программирования)

Big Data Science :: AI / ...

Delphi & Lazarus

Solidity Development

Evolution CMS официальное...

pro.net (former COM+)

OpenStreetMap RU

Visual Studio Code — русс...

GraphQL — русскоговорящее...

IDE и редакторы — русског...

OpenCartForum - 🇺🇦🇪🇺Чат O...

Angular.js (1.x) — русско...

Flutter Developers — русс...

AI / Искусственный Интелл...

Laravel Framework Russian...

Чат — Верстка Сайтов и Фр...

Java Underground

Natural Language Processi...

SqlCom.ru - сообщество MS...

Delphi Community

Server Side Swift Develop...

Autohotkey_RU ( v1 & v2 )

PHP DevConf KZ🇰🇿

pro.rb (Ruby/Rails / RU)

Odoo talks & fun

Software Design/Architect...

AndroidDev Pro:: Професси...

WordPress for developers

PowerShellRus - о Powersh...

Эльбрусы и с чем их едят

Java/Kotlin and more

pro.buildsystems

Python для анализа данных

Скрипты Гугл, Таблицы, Go...

Compiler Development

firebase_ru — русскоговор...

RU.CRYPTOGRAPHY — Криптог...

pro.osdev - os developmen...

GameDev for Web

PostgreSQL (English)

Tilda Developers

RU.Docker — Официальное Р...

Emacs — русскоговорящее с...

FreePascal & Lazarus

Язык программирования Jul...

WordPress – русскоговорящ...

ReasonML и OCaml

WebAssembly — русскоговор...

ansible — русскоговорящее...

Сrystal Lang — русскогово...

Clojure — русскоговорящее...

macOS Developers — русско...

use Perl or die;

FORTH и родственные ЯП

Natural Language Processi...

Sequelize - community (en...

Elm Lang сообщество разра...

WordPress CodeRun

ReactiveX - русскоговорящ...

PureScript — русскоговоря...

Эликсир и Вунш

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

По сути это 2 разных скрина или нет?

#mobile #programming #reactnative #russian

0

26.07.2022

3 ответов

19 просмотров

Mykhail Ovsiannykov

const allElement = { id: 'All', title: 'All', }; const TabFilter: React.FC<TabFilterProps> = memo(({ data, onChange, isNeedAll }) => { const [itemsList, setItemsList] = useState(data); const [selectItem, setSelectItem] = useState(isNeedAll ? allElement.id : data[0].id); useEffect(() => { if (isNeedAll && data) { const newData = [allElement, ...data]; setItemsList(newData); } }, [isNeedAll, data]); const Item: React.FC<ItemProps> = memo(({ item }) => { const isselectId = selectItem === item.id; const selectHandler = useCallback(() => { setSelectItem(item.id); onChange(item.id); }, [item.id]); return ( <TouchableOpacity style={styles.item} onPress={selectHandler}> <View style={styles.itemContainer}> <Text size="middle" type="medium" style={{ ...styles.selectText, color: isselectId ? COLORS.primary : COLORS.lightGray, }} numberOfLines={1} > {item.title} </Text> {item.num ? ( <View style={styles.numContainer}> <Text style={styles.number} numberOfLines={1} ellipsizeMode="tail"> {item.num} </Text> </View> ) : null} </View> <View style={{ ...styles.underline, backgroundColor: isselectId ? COLORS.backgroundDark : COLORS.white, }} /> </TouchableOpacity> ); }); return ( <View style={styles.container}> <FlatList data={itemsList} showsHorizontalScrollIndicator={false} // eslint-disable-next-line react-perf/jsx-no-new-function-as-prop keyExtractor={item => item.id} // eslint-disable-next-line react-perf/jsx-no-new-function-as-prop renderItem={({ item }) => <Item item={item} />} horizontal contentContainerStyle={styles.scrollContainer} /> </View> ); });

0

26.07.2022

Влад Колядюк 🥷

Mykhail Ovsiannykov
const allElement = { id: 'All', title: 'All', ...

Зачем? это же просто навигация

0

26.07.2022

Mykhail Ovsiannykov

Влад Колядюк 🥷
Зачем? это же просто навигация

Нам она не подошла, пришлось писать самому

0

26.07.2022

Похожие вопросы

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

Подписаться

Hi, Please I have a problem in react native, " ERROR VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing...

#mobile #programming #reactnative #russian

02.10.2023

0

2 ответов

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

Подписаться

всем привет! кто-нибудь может меня сориентировать, в связи с чем я получаю следующую ошибку и как её устранить при вызове ./gradlew bundleRelease? FAILURE: Build failed wit...

#mobile #programming #reactnative #russian

13.05.2023

0

4 ответов

React Native — русскоговорящее сообщество / ЮВМ

Подписаться

Всем привет! Помогите с useEffect справиться. Задача стояла: раскидать некоторое количество точек по краям экрана с заданной границей. Сделал с помощью Flatlist, View и positi...

#mobile #programming #reactnative #russian

14.06.2023

0

2 ответов

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

Подписаться

а что насчет CRA юзать или нет?

#mobile #programming #reactnative #russian

14.12.2021

0

70 ответов

React Native — русскоговорящее сообщество / 𝙎𝙚𝙧𝙜𝙚𝙮

Подписаться

Всем привет. Есть небольшой финтех проект с фронтом на REAC (работают 3-4 человека над фронтом). Есть потребности сделать мобильные приложения. Подумываем сделать на react nat...

#mobile #programming #reactnative #russian

07.08.2023

0

24 ответов

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

Подписаться

Всем привет. Может кто то подсказать. Подключил In app update c помощь sp-react-native-in-app-updates. Скачивание обновления идёт а установка нет, куда копать?

#mobile #programming #reactnative #russian

27.09.2023

0

21 ответов

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

Подписаться

Всех приветствую. Давно не подходил к React Native и вот собрался с мыслями доделывать старый проект на cli. Запустить в эмуляторе я так и не смог потратив 2 часа. Думаю - дай...

#mobile #programming #reactnative #russian

16.11.2023

0

5 ответов

React Native — русскоговорящее сообщество / عيون زرقاء

Подписаться

screenshot

Всем привет! Как сделать, чтобы при скролле хедер был белым/прозрачным, а после превращался в обычный хедер? Учитывая что это почти во всех приложениях так, ощущение, что это ...

#mobile #programming #reactnative #russian

05.11.2023

0

17 ответов

React Native — русскоговорящее сообщество / Владимир Усманов

Подписаться

Всем привет После установки FireBase возникли сложности с билдом на iOS Возникает ошибка c Flipper Что предпринималось: 1. Чистил кэш 2. Сносил и заново ставил зависимости ...

#mobile #programming #reactnative #russian

22.11.2023

0

6 ответов

React Native — русскоговорящее сообщество / Паша Путешественница

Подписаться

Парни, такой вопрос в плане UX. Насколько вообще правильно со стороны accessibility и юзер экспериенса ставить авто-фокус с авто-скроллом на следующее поле ввода внутри скролл...

#mobile #programming #reactnative #russian

20.11.2023

0

12 ответов

Смотреть еще

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

Подписаться

Вопросов 31140

Ответов 64739

Участников 5988

Telegram @reactnative_ru

Обсуждают сегодня

#include <stdio.h> #include <stdlib.h> #include <time.h> void mass_first_generate(int mass[5][7]) { for (int N = 0; N < 5; N++) { for (int A = 0; A < 7; A++) { ...

https://www.linkedin.com/posts/ugama-benedicta-kelechi-codergirl-103041300_mobiledevelopment-fluttertraining-handsonlearning-activity-7263445699227254784-IdHB?utm_source=share...

Всем привет! Имеется функция: function IsValidChar(ch: UTF8Char): Boolean; var i: Integer; ValidChars: AnsiString; begin ValidChars := 'abcdefghijklmnopqrstuvwxyzABCDE...

Ну вот просто даже давайте вот как. Какой нибудь конкретный кейс, можете в пример привести, где бч работает и приносит прикладную пользу, а не просто что бы было? Не крипту.

Alexander Andreev

объясните пожалуйста, почему функция не работает должным образом? вроде должно брать активное окно сравнивать его размер с размером экрана, и если есть совпадение = true прове...

Гляньте, че бывает: Сегодня по одному проекту одной вебстудии делал проект небольшой, на их хостинге. На Modx revo. В определенный момент , работая в админке, вдруг перестал р...

лучше скажите, причём тут паскаль?

Но, может, есть уже проверенная? Наши требования такие: 1. Сообщения должны приходить из Инста в CRM оду 2. Должна быть возможность подключить несколько экаунтов Инстаграм. Р...

Alexander Sharoiko MSE / Александр Шаройко

> Копаем глубже > Следующий момент был, когда я спросил его, знает ли он JavaScript. Он ответил, что его учили работать с C#. Я тоже в университете писал на C#, но даже там мн...

И никого не интересует какие пакеты кто использует. ((% Заходишь на сайт симфони и видишь поддержку Украины - по законам РФ это ж экстремизм. Только никто не отказывается от с...

Карта сайта