๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90
๋ฐ˜์‘ํ˜•

modal2

[React Native] ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ Custom Modal ๋งŒ๋“ค๊ธฐ (feat. Reusable Custom Modal) ์•ˆ๋…•ํ•˜์„ธ์š” Foma ์ž…๋‹ˆ๋‹ค. ์ €๋ฒˆ ๊ธ€์— Modal์— ๋Œ€ํ•ด์„œ ์•Œ์•„ ๋ณด์•˜๋Š”๋ฐ์š”. (์•ˆ๋ณด์‹  ๋ถ„์€ ์—ฌ๊ธฐ ์—์„œ ๋ด์ฃผ์„ธ์š”!) ์˜ค๋Š˜์€ ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์ปค์Šคํ…€ Modal์„ ๋งŒ๋“ค์–ด ๋ณด๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด์„œ ์•Œ์•„ ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ๋ฐ”๋กœ ์‹œ์ž‘ํ• ๊ฒŒ์š”~ Modal.tsx ๊ฐ€์žฅ ๋จผ์ € ํ•„์š”ํ•œ ์ปดํฌ๋„ŒํŠธ๋“ค์„ import ํ•ด์ค๋‹ˆ๋‹ค. Modal์„ importํ•  ๋• ์ปค์Šคํ…€ ํ•˜๋Š” Component Modal๊ณผ ์ด๋ฆ„์ด ๊ฒน์น˜๋ฏ€๋กœ as๋ฅผ ์ด์šฉํ•ด์„œ DefaultModal๋กœ ๋ฐ”๊ฟ”์ค๋‹ˆ๋‹ค. import { FunctionComponent, useState } from "react"; import { StyleSheet, View, Modal as DefaultModal, Button } from "react-native"; Modal Props ๋ชจ๋‹ฌ์˜ ์†์„ฑ๋“ค์„ ์ •ํ•ฉ.. 2022. 6. 21.
[React Native] Modal component์˜ ๊ฑฐ์˜ ๋ชจ๋“  ๊ฒƒ (Almost Everything in Modal) ์•ˆ๋…•ํ•˜์„ธ์š” Foma ์ž…๋‹ˆ๋‹ค! ์š”์ฆ˜ React Native์˜ modal์„ ๋””ํ…Œ์ผํ•˜๊ฒŒ ์ •๋ฆฌํ•ด ๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๋ฐ”๋กœ ์‹œ์ž‘ํ• ๊ฒŒ์š”~! Modal์ด๋ž€? Modal์˜ ์‚ฌ์ „์  ์˜๋ฏธ๊ฐ€ ๊ถ๊ธˆํ•ด์„œ ์ฐพ์•„ ๋ดค๋”๋‹ˆ ์˜๋ฏธ๋ฅผ ์•Œ ์ˆ˜ ์—†๋Š”.. ๋œป์ด ๋‚˜์˜ค๋”๋ผ๊ตฌ์š”. ๊ทธ๋ž˜์„œ ๊ตฌ๊ธ€๋ง์„ ํ†ตํ•ด์„œ ๋” ์ž์„ธํžˆ ์ฐพ์•„๋ดค๋”๋‹ˆ ์ด ๋ถ„์ด ์ž˜ ์ •๋ฆฌ๋ฅผ ํ•ด๋†“์œผ์…จ๋”๋ผ๊ตฌ์š”. GNUJAVA ์ œ๋ชฉ์—†์Œ jQuery UI 1.6 - The User Interface Library for jQuery (Feb 2009), Dan Wellman Chapter 4. Dialog modal, modality? ์ด๊ฒŒ ๋ฌด์Šจ ๋œป์ผ๊นŒ? โ€˜modalโ€™ , โ€˜modalityโ€™ ์ด ๋‹จ์–ด, ์ฐธ ๋œป์ด ๋ฌ˜์—ฐํ•˜๋‹ค. ๋„์ €ํžˆ ์‚ฌ์ „์  ์˜๋ฏธ๋ฅผ ๊ฐ€์ง€ www.gnujava.com ๊ฐ„๋‹จํžˆ ๋งํ•ด ๋“œ๋ฆฌ๋ฉด modal.. 2022. 6. 21.
728x90
๋ฐ˜์‘ํ˜•