Реагируйте на собственную настраиваемую прокручиваемую вкладку с содержимым Dynami c

Question

Я хочу создать панель вкладок в React Native, которая имеет следующие характеристики:

• Пользовательский интерфейс (пользовательский стиль вкладки И «кнопка создания вкладки» в конце панели вкладок)
• Прокручиваемый (больше вкладок, чем может занять ширина)
• Dynami c Содержимое (щелчок по кнопке НА панели вкладок создает новую вкладку)

Нажатие кнопки должно создать еще одну вкладку в конце списка вкладок.

Я пробовал Собственные базовые вкладки , но там я не могу поместите кнопку в панели вкладок. Я также попытался сделать это с помощью React Navigation , но изо всех сил пытался перезаписать tabBarComponent и особенно с помощью параметра позиции для визуализации активной вкладки и анимации между вкладками.

Вопрос: Как это можно сделать быть сделано в React Native? Где-нибудь есть пример?

Answer 1

Я думаю, что вы можете использовать scrollView и TouchableOpacity(button).

Если я делаю то, что вы хотите, я использую Scrollview, поэтому я могу прокручивать по горизонтали .

И добавьте кнопки в Scrollview с помощью map или чего-то еще, чтобы кнопок было столько, сколько я хочу. (Если вам нужно просто набрать c количество кнопок, просто добавьте кнопки.)

Если вы хотите где-то go, просто добавьте функцию в компоненты карты.

Кроме того, последнюю кнопку, я добавляю отдельно в Scrollview думать об этом. У меня есть идея. Вы можете разделить экран на две части. Один из них - это главный экран, второй - экран с вкладками.

Поэтому, когда щелкнет один из компонентов вашей вкладки, отобразите индексированный экран, изменив state.

Должно быть, это работает, но я не знаю, что это лучший способ визуализировать то, что вы хотите.

Надеюсь, это поможет вам