Блог

Я разрабатываю приложение с react native, и у меня много импортированных модулей на разных страницах. Например, большинство импортированных модулей одинаковы на каждой странице:

 import { Text, View, Image } from 'react-native';
 

Я использую это на многих страницах. Мне было интересно, есть ли способ хранить подобные модули на одной странице и вызывать их с любой страницы, которую я хочу.

Если вы создаете один и тот же тип представлений на большинстве своих экранов, создайте отдельный компонент и повторно используйте его на всех экранах, изменив его реквизиты в соответствии с требованиями управления представлениями.

Это поможет сократить ваш код и поможет вам импортировать меньше модулей для большей части вашего кода.

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

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

Это поможет нам сократить тот же код.