์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- linearalgebra
- ์๋ฒ ๋ฉ
- ๋ฐ์ดํฐ์๊ฐํ
- react
- ๊นํ
- Titanic
- ๋ฐ์ดํฐ
- ๋ค์ดํฐ๋ธ
- ์ ํ๋์ํ
- ๋ถ์
- ์ธํ๋ฐ
- ์๊ณ ๋ฆฌ์ฆ
- native
- AI
- ์ํ์ฝ๋ฉ
- ํ๊ตญ์ด์๋ฒ ๋ฉ
- cs231n
- nlp
- ์๋๋ก์ด๋์คํ๋์ค
- ๋ฅ๋ฌ๋
- ํ์ดํ๋
- ๋์
- ๊ฒฐ์ ํธ๋ฆฌ
- ๋ฆฌ์กํธ
- Kaggle
- ๋ฐฑ์ค
- ๋จธ์ ๋ฌ๋
- c++
- Git
- ๋ฐ์ดํฐ๋ถ์
- Today
- Total
yeon's ๐ฉ๐ป๐ป
[React-Native ๊ธฐ์ด ๊ฐ์] ActivityIndicator ๋ณธ๋ฌธ
ActivityIndicator
์ง๋ ๋ฒ ํ๋ก์ ํธ๋ฅผ ํ ๋ ์ผ๋ช '๋ก๋ฉ ์ค ...' ์ ํ๋ฉด์ ๋์ฐ๋ ์์ ์ ํด๋ณด๊ณ ์ถ์๋๋ฐ (๋ฌผ๋ก ์นํ์ด์ง์์)
๊ทธ๋ฅ ์๊ฐ๋ง ํ๊ณ ์ ์ ์ด ์์ด ๊ทธ๊ฒ ๋ญ์ง ์ฐพ์๋ณด์ง๋ ๋ชปํ์๋ค.
๊ทผ๋ฐ ์ด๋ฒ ๊ฐ์์์ ๋ด๊ฐ ๊ถ๊ธํ์๋ ๋ฐ๋ก ๊ทธ๊ฑธ ๊ฐ๋ฅด์ณ ์ฃผ์ ์ ๋๋ฌด ๋๋๋ค..!!
๋ค์ดํฐ๋ธ์์๋ ์ด๊ฑธ ActivtyIndicator๋ผ๊ณ ํ๋๊ตฌ๋ ,,,
๊ฐ๋จํ ๋ฌด์์ธ์ง๋ง ์๊ฐํด์ฃผ์๋ ์์ ์ด์์ง๋ง ๋๋ฌด๋๋ฌด ์ ๊ธฐํ๋ค.
ํนํ๋ ์ฑ์์๋ ํ์์ ์ธ ๋ถ๊ฐ ์์๋ผ๊ณ ์๊ฐํ๋ค.
- ActivityIndicator ๋ชจ๋ ๋ถ๋ฌ์ค๊ธฐ
import { View, Text, StyleSheet, ActivityIndicator } from 'react-native';
- ์ฝ๋
<ActivityIndicator
style={{paddingTop: 200}}
size="large"
color="green"
animating={true}
/>
- ์ฌ๊ธฐ์ animating={false}๋ก ์์ฑํ๋ฉด ๋ํ๋์ง ์์ !!
- ๊ฐ์ฌ๋์ด ์ค์ ๋ก ์ด๋ค ์์ ์ ์์ฒญํ๊ณ ๊ฐ์ {true}๋ก ๋ ๋ค, ์์ฒญํ ์์ ์ ํ ๋น ๋ฐ์ผ๋ฉด {false}๋ก ๋๋ผ๊ณ ..? ๊ทธ๋ฐ์์ผ๋ก ์ด๋ค์ง๋ค๊ณ ํ์ จ๋ ๊ฒ ๊ฐ๋ค!
'Computer ๐ป > React' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[React-Native ๊ธฐ์ด ๊ฐ์] Modal (0) | 2021.07.22 |
---|---|
[React-Native ๊ธฐ์ด ๊ฐ์] Image (0) | 2021.07.22 |
[React-Native ๊ธฐ์ด ๊ฐ์] Slider (0) | 2021.07.22 |
[React-Native ๊ธฐ์ด ๊ฐ์] Picker (0) | 2021.07.22 |
[React-Native ๊ธฐ์ด ๊ฐ์] Button / ScrollView / TextInput ์ฌํ (0) | 2021.07.21 |