5. React Native – Основы. ScrollView, Picker, ActivityIndicator и Slider

В прошлой заметке мы начали рассматривать элементы разметки приложений и в этот раз посмотрим еще на некоторые из них <ScrollView>, <Picker>, <ActivityIndicator> и <Slider> . <ScrollView> – служит оберткой для контента и если контент имеет больший размер, чем размеры экрана устройства, он позволяет скролить контент. <Picker> – создает на странице элемент напоминающий обычный тег select в HTML. <ActivityIndicator>  – отображает на странице классический прелоадер в виде вращающегося разорванного круга. <Slider> – создает на странице ползунок, двигая который можно менять значение необходимого параметра. В блоках кода ниже можно увидеть как данные модули используются в работе.

Пример с использованием элементов из React Native – ScrollView
Файл App.js

Пример с использованием элементов из React Native – Picker и Slider

Файл Picker.js

Пример с использованием элементов из React Native – ActivityIndicator

Файл App.js

Вся информация публикуемая в заметках о React Native собрана в репозитории в отдельных ветках на GitHub  – https://github.com/NetWorkRoom/react-native-start

Комментариев нет
Добавить комментарий

Ваш email не будет опубликован.