# Part 03 miroslav.binas@tuke.sk / [**SMART**](https://kurzy.kpi.fei.tuke.sk/smart)

## Example: Torch App

Turn On

## What is Component?

## Button Component ```xml <Button onPress={onPressButton} title="Turn On" color="#841584" /> ```

## Defining Component State ```JavaScript import {useState} from 'react'; [<getter>, <setter>] = useState(<initVal>); ```

```xml <Text>Hello { value }!</Text> ```

## [Image Component](https://reactnative.dev/docs/image)

## [Pressable](https://reactnative.dev/docs/pressable)

## Class Component

## Playing the Sounds

## [react-native-sound](https://github.com/zmxv/react-native-sound)

## Project Structure

## Understanding the Android Configuration

## `build.gradle` ```gradle buildscript { ext { minSdkVersion = 21 compileSdkVersion = 30 targetSdkVersion = 30 } # the rest of the file ```

## `AndroidManifest.xml`

## [www.npmjs.com](https://www.npmjs.com)

## Questions?