diff --git a/package.json b/package.json index 85c1935..4ec9718 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,7 @@ "test": "jest" }, "dependencies": { + "@react-native-community/slider": "^4.5.0", "@react-navigation/bottom-tabs": "^6.5.11", "@react-navigation/native": "^6.1.9", "@react-navigation/native-stack": "^6.9.17", diff --git a/src/components/Home/Market/GoodsRegistration.tsx b/src/components/Home/Market/GoodsRegistration.tsx index 787a074..ec67d15 100644 --- a/src/components/Home/Market/GoodsRegistration.tsx +++ b/src/components/Home/Market/GoodsRegistration.tsx @@ -12,6 +12,7 @@ import Filter from "../../../common/Filter"; import Hashtag from "../../../common/Hashtag"; import Photo from "../../../assets/common/Photo.svg" import TempStorage from "./TempStorage"; +import Slider from "@react-native-community/slider"; const statusBarHeight = getStatusBarHeight(true); @@ -147,7 +148,7 @@ const GoodsRegistrationPage = ({ navigation, route }: StackScreenProps("") + const [makingTime, setMakingTime] = useState(0); const [name, setName] = useState(''); const [hashTag, setHashTag] = useState(''); const [price, setPrice] = useState('1000'); @@ -209,16 +210,18 @@ const GoodsRegistrationPage = ({ navigation, route }: StackScreenProps 제작기간 - + + {makingTime} 상품 상세 diff --git a/src/components/Home/Market/ServiceRegistration.tsx b/src/components/Home/Market/ServiceRegistration.tsx index 14b256a..7ee103b 100644 --- a/src/components/Home/Market/ServiceRegistration.tsx +++ b/src/components/Home/Market/ServiceRegistration.tsx @@ -12,6 +12,7 @@ import Filter from "../../../common/Filter"; import Hashtag from "../../../common/Hashtag"; import Photo from "../../../assets/common/Photo.svg" import TempStorage from "./TempStorage"; +import Slider from "@react-native-community/slider"; const statusBarHeight = getStatusBarHeight(true); @@ -147,7 +148,7 @@ const ServiceRegistrationPage = ({ navigation, route }: StackScreenProps("") + const [makingTime, setMakingTime] = useState(0); const [name, setName] = useState(''); const [hashTag, setHashTag] = useState(''); const [price, setPrice] = useState('1000'); @@ -207,19 +208,21 @@ const ServiceRegistrationPage = ({ navigation, route }: StackScreenProps - + 제작기간 - + + {makingTime} 서비스 상세 diff --git a/yarn.lock b/yarn.lock index 9a3cfb2..6ad553a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1735,6 +1735,11 @@ resolved "https://registry.npmjs.org/@react-native-community/eslint-plugin/-/eslint-plugin-1.3.0.tgz" integrity sha512-+zDZ20NUnSWghj7Ku5aFphMzuM9JulqCW+aPXT6IfIXFbb8tzYTTOSeRFOtuekJ99ibW2fUCSsjuKNlwDIbHFg== +"@react-native-community/slider@^4.5.0": + version "4.5.0" + resolved "https://registry.yarnpkg.com/@react-native-community/slider/-/slider-4.5.0.tgz#5c55488ee30060cd87100fb746b9d8655dbab04e" + integrity sha512-pyUvNTvu5IfCI5abzqRfO/dd3A009RC66RXZE6t0gyOwI/j0QDlq9VZRv3rjkpuIvNTnsYj+m5BHlh0DkSYUyA== + "@react-native/assets-registry@0.73.1": version "0.73.1" resolved "https://registry.npmjs.org/@react-native/assets-registry/-/assets-registry-0.73.1.tgz"