Categories
Android React Native react-native-vision-camera

Fotocamera

In questo articolo si sperimenta una libreria per usare la fotocamera con React Native.

Non è una libreria ufficiale, quindi in futuro ve ne potrebbero essere altre. In questo articolo si compila il primo programma (senza ancora aprire la fotocamera)

Categories
React Navigation

React Navigation 2

Nel precedente post si è costruita una App composta da due schermate.

  • Un component con proprietà .Screen si occupa solo di una schermata
  • Un component con proprietà .Navigator si occupa di tutte le schermate
Categories
Android debug linguaggio javascript npm React Native

Debug con log

Il debug in React è facile, in quanto in caso di errori appaiono i numeri delle righe del codice sorgente. In React Native il debug invece può diventare un incubo (se non si usa un linter).

Categories
IDE React Native types

IDE Emacs

Emacs è un IDE disponibile come software libero. Se si installa senza server grafico, si trova come pacchetto Debian: emacs-nox. In questo articolo si vedranno le scorciatoie da tastiera utili e alcuni minor mode.

Categories
component npm package,json props React Navigation

React Navigation 1

React Navigation1 permette all’utente di sfogliare le schermate dell’applicazione (dette anche screen).

  1. https://reactnavigation.org []
Categories
Context hooks React

Context Hooks

Questo argomento (di ReactJS) è utile per i programmatori che devono usare State hook in modo globale, ovvero che devono passare proprietà props props in cascata a molti componenti. Ci sono esempi di passaggi in cascata nella libreria React Navigation.

Context possono essere usati sia nei component basati su classi, che nei component basati su funzioni.

Per ora si vedrà il primo tipo.

Categories
component image moduli React Native

React Native con immagini

Le applicazioni per smartphone viste fino ad ora sono dei template dimostrativi, composti da una schermata che non fa quasi nulla. Cosa si può aggiungere? Un’immagine sullo sfondo?

Categories
Android architettura boilerplate solution iOS linguaggio javascript Node.js npm piattaforme React Native

React Native template (4)

Nel precedente post si è osservato che il template di React Native che si otteneva con il seguente comando sul terminale aveva dei difetti

Categories
boilerplate solution component gradle linguaggio javascript moduli Node.js React Native React Navigation style

React Native template (3)

Nella pagina github di TheCodingMachine si possono osservare altri template1 . Possiamo prendere le idee di questi template per migliorare il nostro progetto.

  1. https://github.com/thecodingmachine/react-native-boilerplate/tree/main/template []
Categories
boilerplate solution gradle linguaggio javascript Node.js npm React Native types

React Native template (2)

Il precedente progetto è stato ottenuto con questo comando1 :

  1. https://www.cancellino.org/2023/01/react-native-template-1/ []