gHashTag

import React, { memo } from 'react'
import { StyleSheet, Text, View } from 'react-native'
import { BLUE } from '../../constants'

const styles = StyleSheet.create({
  container: {
    alignItems: 'center',
    margin: 10
  },
  h1: {

gHashTag

import React, { useEffect, useState } from 'react'
import { Auth } from 'aws-amplify'
import * as Keychain from 'react-native-keychain'
import { AppContainer, Button, Space, H6 } from 'react-native-unicorn-uikit'
import { onScreen } from '../../../constants'

const Hello = ({ navigation }) => {
  const [loading, setLoading] = useState(false)
  useEffect(() => {
    setLoading(true)

gHashTag

import React, { memo, useState } from 'react'
import { StyleSheet, TouchableWithoutFeedback, Text } from 'react-native'
import { BLUE, PINK } from '../../constants'

const styles = StyleSheet.create({
  img: {
    alignSelf: 'center',
    fontSize: 30,
    fontFamily: 'IBM-Logo'
  }

gHashTag

import React, { memo } from 'react'
import { View } from 'react-native'

const Space = memo(({ height }) => <View style={{ height: height || 30 }} />)

export { Space }

gHashTag

import React from 'react'
import { StyleSheet, View } from 'react-native'
import Spinner from 'react-native-spinkit'
import { PINK } from '../../constants'

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    paddingTop: 200,

gHashTag

import React, { memo } from 'react'
import { TouchableOpacity, View, StyleSheet } from 'react-native'
import { ifIphoneX } from 'react-native-iphone-x-helper'
import Fontisto from 'react-native-vector-icons/Fontisto'

const styles = StyleSheet.create({
  container: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    paddingHorizontal: 6,

gHashTag

import React, { memo } from 'react'
import { StyleSheet, View, ScrollView, ImageBackground } from 'react-native'
import StatusBarAlert from 'react-native-statusbar-alert'
import { Header, Space, Loading } from '..'
import { RED, BLUE } from '../../constants'

const styles = StyleSheet.create({
  container: {
    width: '100%',
    height: '100%'

gHashTag

import React, { useState, useEffect } from 'react'
import { Auth } from 'aws-amplify'
import * as Keychain from 'react-native-keychain'
import { AppContainer, Button } from 'react-native-unicorn-uikit'
import { goHome } from '../../../constants'

const User = ({ navigation }) => {
  const [loading, setLoading] = useState(false)
  const [error, setError] = useState('')

gHashTag

Аутентификация/Авторизация 🔐

Одна из самых запрашиваемых тем, среди подписчиков моего канала Димка Реактнативный - это аутентификация и авторизация в приложении React Native. Поэтому я решил посветить этому вопросу отделный пост и видео. Перед тем как мы начнем кодить, необходимо разобраться с определением Аутентификация/Авторизация.

Аутентификация - это проверка соответствия субъекта и того, за кого он пытается себя выдать, с помощью некой уникальной информации (отпечатки пальцев, цвет радужки, голос и тд.), в простейшем случае - с помощью почты и пароля.

Авторизация - это проверка и определение полномочий на выполнение некоторых действий в соответствии с ранее выполненной аутентификацией

Поехали!!!

gHashTag

const NativeUI = require('NativeUI')
const Scene = require('Scene')
const Textures = require('Textures')

const plane = Scene.root.find('faceMesh0')

const texture0 = Textures.get('texture0')
const texture1 = Textures.get('texture1')
const texture2 = Textures.get('texture2')