React Native — С чего начать

Начните с проекта

1. Создайте стартовый проект
2. установка нпм
3. npm start — будет взаимодействовать с нативным сборщиком реакции или сборщиком метро.
4. Установите приложение expo go на свой мобильный телефон
5. Отсканируйте QR-код
6. Дождитесь установки пакета JS
7. Бум! родное приложение реакции запущено и работает

Создать компонент

1. импортировать React из «React» → как разные компоненты работают вместе
2. импортировать {Text, StyleSheet} из «React-Native» → брать информацию из этих компонентов и использовать ее на мобильных устройствах.

• Текст — это примитивный родной элемент реакции, который показывает пользователю очень простой текст.
• Вид — позволяет нам группировать элементы, которые могут собирать разные элементы вместе и придавать им некоторый стиль.
• Изображение — чтобы показать изображение пользователю
• Кнопка — показывает кнопку
• StyleSheet — используется для определения стилей для конкретной веб-страницы.

import React from "react"
import {Text, StyleSheet} from "react-native"

1. Создайте функцию ⇒

const ComponentsScreen = () => {
	return <Text style={styles.textStyles}>Hi there!</Text>
}

Это не JS, а JSX, но когда вы передаете его для реагирования на нативный упаковщик, он преобразуется в простой JS с помощью babbel.

1. Добавление таблицы стилей

const styles = StyleSheet.create({
	textStyles : {
		fontSize: 30
	}
})

1. Экспорт функции

export default ComponentsScreen;

React Native Navigation — инструмент, используемый для отображения пользователю разных экранов.

• Мы не можем показать объект JS внутри текстового элемента

Обзор —

1. Фигурные скобки в import {} → они символизируют очень маленькие части или функции нативной библиотеки реагирования.