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

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. Приложение для Android для ведения списка дел

По ссылке: https://play.google.com/store/apps/details?id=ru.polyakovdmitriy.todo_rn

Или его можно найти по QR коду

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

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

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

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

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

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

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

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

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

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

1. Приложение для телефонов и планшетов для ведения списка дел

Видео инструкция:

Приложение для iOS и iPad

По ссылке: https://apps.apple.com/us/app/мои-делишки/id1505185523?l=ru&ls=1

Или по QR коду:

Приложение для Android

По ссылке: https://play.google.com/store/apps/details?id=ru.polyakovdmitriy.todo_rn

Или по QR коду:

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

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

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

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

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

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

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

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

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

Сервис для ведения списка дел

Сервис для ведения списка задач находится по адресу:

https://todo.polyakovdmitriy.ru/

Далее переходим по ссылке и регистрируемся:

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

Авторизоваться можно или через социальную сеть вконтакте.

Или стандартно, через адрес электронной почты.

После нажатия кнопки зарегистрироваться, на электронную почту придет письмо, проверьте почту и перейдите по ссылке в письме, для подтверждения её.

После этого задайте пароль.

И теперь можно создавать, удалять, редактировать наши дела и задачи!

И самое главное, помните как написано у Сунь-Цзы:


Стратегия без тактики — это самый медленный путь к победе. Тактика без стратегии — это просто суета перед поражением.

Вот так сервис для ведения задач, выглядит на текущий момент

В виде таблицы:

В виде календаря:

Все кликабельно и открывает формы для редактирования, и раскрывает подробные списки:

В разделе настройки, можно указать имя, фамилию, также указано как соединится с ботом телеграма, для получения уведомлений на него.

Инструкция как соединить бота с веб-версией программы, для получения уведомлений: https://polyakovdmitriy.ru/spisok-del-soedinenie-bot/