Snapchat interfész a React Native-ban

Valahogy visszatértem a héten megszokott rutinomhoz, és meg akartam győződni arról, hogy a jövő hétre való átköltözés előtt mindenkinek eldobtam egy új bejegyzést (valószínűleg késés / akkor nincs bejegyzés). Nem volt időm elmélyülni egy alapos bemutatóban, de van néhány kódom, amelyet meg kell osztanom!

Szeretném megtudni, milyen volt a React Native-ban kipróbálni és létrehozni a Snapchat menürendszert külső könyvtárak nélkül, hogy jobban megértsem, mire képes egy ScrollView . A szórakozásból kipróbáltam a react-native-camera t is. Íme egy rövid videó arról, hogy mit építettem:

Kód áttekintése

Ha kicsit be akarja bökni a kódot, akkor adok néhány tippet. A tényleges alkalmazáskód az app / index.js al kezdődik, ahol megkövetelem az „útvonalakat” és a Menü összetevőt.

A Menü komponens az, ahol a menő dolgok zöme található (kiáltsa Nick Wientge-nek, aki ennek eredeti változatát írta). Egyszerűen beállít néhány alapértelmezést a ScollView alapjai köré. Pontosabban a következők:

A forrást itt szerezheti be. Azt hiszem, ezt jó lenne előre haladni az idő előrehaladtával. Van-e még egy olyan felület, amelyet újra szeretne látni a React Native-ban?

Szeretné, ha tudósítanék, amint megjelenik egy új blogbejegyzés? Iratkozzon fel az e-mail listámra! Minden héten küldök Önnek egy értékes csomagot.