Create iOS stopwatch on React-Native (subtitles)

Hi, Habr! The subtitles are ready for a very simple React Native tutorial, which will cover the development of the application “Stopwatch”. The basis was taken as a stopwatch on iOS.

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

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

Abstract

06:16 RN styles

14:20 Creating a round button

21:21 work with scrolling ( ScrollView )

30:49 conditions in styles

34:59 Finished working on the "static" version of the application.

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

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

47:20 Drawing other buttons when the timer is on

54:10 Solving the problem of resetting the main timer. Time summation using reduce

01:01:27 Clean JavaScript interval at the time of unmount of a component

01:02:03 Run for Android