Create an iOS stopwatch on React-Native (subtitles)

Original author: React Native Academy
  • Transfer
  • Tutorial

Hello, Habr! Subtitles for a very simple React Native tutorial are ready, in which the development of the Stopwatch application will be considered. The basis was a stopwatch on iOS.

This video does not need subtitles as much as it does not need audio. Everything is extremely simple, clear and slow on the screen. Not surprisingly, a tutorial for beginners.

However, if you want to understand the author’s comments, subtitles will be very helpful.


06:16 Styles in RN

14:20 Create a round button

21:21 work with scroll ( ScrollView )

30:49 conditions in styles

34:59 Finished work on the "static" version of the application

39:07 Make the button transparent when pressed ( TouchableOpacity )

43:21 We found out that there are two problems: inscriptions jump (layout), 0 is not displayed in front in numbers up to 10.

47:20 Draw other buttons when the timer is on

54:10 Solving the problem of resetting the main timer. Summing time with reduce

01:01:27 JavaScript Purification interval when unmounting ( unmount ) component

01:02:03 Running on Android

Also popular now: