Блог Дмитрия Полякова | Воины-победители сперва побеждают и только потом вступают в битву

Полезные программы

1. Бот в телеграм для ведения списка дел

Бота можно найти по имени:@DP_Todolist_bot

или по ссылке https://tlgg.ru/DP_TodoList_bot

Описание бота: https://polyakovdmitriy.ru/bot-spisok-del/

2. Веб версия программы для ведения списка дел

Находится здесь: https://todo.polyakovdmitriy.ru/

Описание: https://polyakovdmitriy.ru/spisok-del-web/

3. Соединение бота в телеграм и веб версии программы

Инструкция: https://polyakovdmitriy.ru/spisok-del-soedinenie-bot/

React native адаптация под ориентацию экрана

Ротация экрана

В файле app.json, поле orientation, устанавливаем его в «default»

Чтобы применился конфиг, нужно пересобрать приложение и перезапустить на эмуляторе и симуляторею

На эмуляторе android, еще нужно опустить меню сверху и включить ротацию экрана.

React native скрыть клавиатуру после определенных действий

клавиатура

Импортируем keyboard из react-native

import {Keyboard} from 'react-native';

Далее в коде прописываем:

Keyboard.dismiss();

В коде можно использовать, вот так:

<TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}>

React native добавляем иконки

иконки

Документация как добавлять иконки можно посмотреть здесь: https://docs.expo.io/versions/v36.0.0/guides/icons/

Сами иконки: https://expo.github.io/vector-icons/

Устанавливаем пакет с иконками

npm install @expo/vector-icons
Читать далее →

React native подключение шрифтов

react native expo fonts

Для того чтобы подключить шрифты, вначале скачаем его, например можно скачать с сайта https://fonts.google.com/specimen/Roboto

В папке assets создаем папку fonts, куда и копируем необходимые шрифты. Например Roboto-Bold.ttf и Roboto-Regular.ttf

Устанавливаем пакет для работы со шрифтами:

Читать далее →

React native первоначальная настройка

react-native

Для начала нужно установить Node.js https://nodejs.org/en/

Если вы новичок в разработке мобильных устройств , самый простой способ начать работу с Expo CLI. Expo — это набор инструментов, созданных на основе React Native, и, хотя он имеет множество функций , наиболее важной для нас сейчас является то, что он может помочь вам написать приложение React Native за считанные минуты

npm install -g expo-cli

Для Mac OS нужно набрать так:

sudo npm install -g expo-cli
Читать далее →

Программы для ведения списка дел

1. Бот в телеграм для ведения списка дел

Бота можно найти по имени:@DP_Todolist_bot

или по ссылке https://tlgg.ru/DP_TodoList_bot

Описание бота: https://polyakovdmitriy.ru/bot-spisok-del/

2. Веб версия программы для ведения списка дел

Находится здесь: https://todo.polyakovdmitriy.ru/

Описание: https://polyakovdmitriy.ru/spisok-del-web/

3. Соединение бота в телеграм и веб версии программы

Инструкция: https://polyakovdmitriy.ru/spisok-del-soedinenie-bot/