【文件属性】:
文件名称:spotifyCloneReact:使用React-Native Expo的Spotify音乐应用
文件大小:725KB
文件格式:ZIP
更新时间:2021-02-08 16:39:32
TypeScript
spotifyCloneReact
使用React-Native Expo的Spotify音乐应用
前端
React本机
世博会
TS(TypeScript)
React导航-用于导航
后端
AWS放大
AWS AppSync
GraphQL
让我们开始吧:-
初始化expo项目:$ expo init SpotifyCloneReact
? 选择“ tabs(TypeScript)”作为我们的模板
将配色方案从亮模式更改为暗模式->打开app.json->选择“ userInterfaceStyle”:“自动”更改为“暗”
底部标签导航器标签图标(来自: :
Entypo:家
EvilIcons:搜索
MaterialCommunityIcons:图书馆音乐概述
FontAwesome5:Spotify
创建主屏幕
创建相册组件
输入(道具):-专辑ID:字符串-im
【文件预览】:
spotifyCloneReact-main
----.gitignore(479B)
----AppContext.ts(158B)
----components()
--------AlbumCategory()
--------SongListItem()
--------Album()
--------Themed.tsx(1KB)
--------PlayerWidget()
--------AlbumHeader()
--------StyledText.tsx(207B)
--------__tests__()
--------EditScreenInfo.tsx(3KB)
----package.json(1KB)
----data()
--------albumDetails.ts(1KB)
--------albumCategories.ts(3KB)
----package-lock.json(1.6MB)
----src()
--------graphql()
--------API.ts(25KB)
----amplify()
--------team-provider-info.json(757B)
--------cli.json(420B)
--------README.md(393B)
--------backend()
--------.config()
----yarn-error.log(437KB)
----assets()
--------fonts()
--------images()
----tsconfig.json(258B)
----.graphqlconfig.yml(285B)
----README.md(2KB)
----.expo-shared()
--------assets.json(307B)
----.idea()
--------workspace.xml(5KB)
--------vcs.xml(180B)
--------spotifyCloneReact.iml(458B)
--------modules.xml(286B)
----types.tsx(548B)
----constants()
--------Layout.ts(229B)
--------Colors.ts(380B)
----navigation()
--------BottomTabNavigator.tsx(3KB)
--------LinkingConfiguration.ts(423B)
--------index.tsx(1KB)
----babel.config.js(107B)
----hooks()
--------useColorScheme.web.ts(223B)
--------useCachedResources.ts(969B)
--------useColorScheme.ts(415B)
----screens()
--------HomeScreen.tsx(1KB)
--------TabTwoScreen.tsx(756B)
--------AlbumScreen.tsx(1KB)
--------NotFoundScreen.tsx(1KB)
----app.json(751B)
----yarn.lock(414KB)
----App.tsx(1KB)