在我的列表-列表名左侧添加图标

This commit is contained in:
lyswhut 2022-07-06 17:20:03 +08:00
parent d3f057fa3f
commit 8e8781564c
8 changed files with 38 additions and 29 deletions

46
package-lock.json generated
View File

@ -1,12 +1,12 @@
{ {
"name": "lx-music-mobile", "name": "lx-music-mobile",
"version": "0.14.1-beta", "version": "0.14.1-beta.2",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "lx-music-mobile", "name": "lx-music-mobile",
"version": "0.14.1-beta", "version": "0.14.1-beta.2",
"hasInstallScript": true, "hasInstallScript": true,
"license": "Apache-2.0", "license": "Apache-2.0",
"dependencies": { "dependencies": {
@ -17,7 +17,7 @@
"buffer": "^6.0.3", "buffer": "^6.0.3",
"console-browserify": "^1.2.0", "console-browserify": "^1.2.0",
"events": "^3.3.0", "events": "^3.3.0",
"i18next": "^21.8.11", "i18next": "^21.8.12",
"js-htmlencode": "^0.3.0", "js-htmlencode": "^0.3.0",
"lrc-file-parser": "^2.0.0", "lrc-file-parser": "^2.0.0",
"pako": "^2.0.4", "pako": "^2.0.4",
@ -31,7 +31,7 @@
"react-native-exception-handler": "^2.10.10", "react-native-exception-handler": "^2.10.10",
"react-native-fs": "^2.20.0", "react-native-fs": "^2.20.0",
"react-native-navigation": "^7.28.0", "react-native-navigation": "^7.28.0",
"react-native-pager-view": "^5.4.24", "react-native-pager-view": "^5.4.25",
"react-native-randombytes": "^3.6.1", "react-native-randombytes": "^3.6.1",
"react-native-splash-screen": "^3.3.0", "react-native-splash-screen": "^3.3.0",
"react-native-track-player": "git+https://github.com/lyswhut/react-native-track-player.git#5fb0bec8694d3783f32a1e4ed1251c163e9842f7", "react-native-track-player": "git+https://github.com/lyswhut/react-native-track-player.git#5fb0bec8694d3783f32a1e4ed1251c163e9842f7",
@ -56,7 +56,7 @@
"babel-plugin-module-resolver": "^4.1.0", "babel-plugin-module-resolver": "^4.1.0",
"changelog-parser": "^2.8.1", "changelog-parser": "^2.8.1",
"cross-env": "^7.0.3", "cross-env": "^7.0.3",
"eslint": "^8.18.0", "eslint": "^8.19.0",
"eslint-config-standard": "^17.0.0", "eslint-config-standard": "^17.0.0",
"eslint-plugin-html": "^6.2.0", "eslint-plugin-html": "^6.2.0",
"eslint-plugin-import": "^2.26.0", "eslint-plugin-import": "^2.26.0",
@ -5677,9 +5677,9 @@
} }
}, },
"node_modules/eslint": { "node_modules/eslint": {
"version": "8.18.0", "version": "8.19.0",
"resolved": "https://registry.npmjs.org/eslint/-/eslint-8.18.0.tgz", "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.19.0.tgz",
"integrity": "sha512-As1EfFMVk7Xc6/CvhssHUjsAQSkpfXvUGMFC3ce8JDe6WvqCgRrLOBQbVpsBFr1X1V+RACOadnzVvcUS5ni2bA==", "integrity": "sha512-SXOPj3x9VKvPe81TjjUJCYlV4oJjQw68Uek+AM0X4p+33dj2HY5bpTZOgnQHcG2eAm1mtCU9uNMnJi7exU/kYw==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"@eslint/eslintrc": "^1.3.0", "@eslint/eslintrc": "^1.3.0",
@ -7509,9 +7509,9 @@
} }
}, },
"node_modules/i18next": { "node_modules/i18next": {
"version": "21.8.11", "version": "21.8.12",
"resolved": "https://registry.npmjs.org/i18next/-/i18next-21.8.11.tgz", "resolved": "https://registry.npmjs.org/i18next/-/i18next-21.8.12.tgz",
"integrity": "sha512-+s8N6kQShwNK+Ua/+VsS/Sji24NUJJLBk9QIucygj1f97f4hPNDWmLP9fQCI4d5+XLfXJ3JctX4g+zJla967Vw==", "integrity": "sha512-BCJsQq9DtmLb88ksPZgpjbXhPAhFmDTNrY2Jh8VvgwnTHvL8xbuSribdTsi2WPRk1kbhjtbkoqyCVr12w2XTCA==",
"funding": [ "funding": [
{ {
"type": "individual", "type": "individual",
@ -11699,9 +11699,9 @@
"integrity": "sha512-4krF8scpejhaOgqzBEcGM7yDIEfi0/8+8zDRZhNZZ2kjmHJ4hv3zCbQWxoJGz1iw5U0Jl0nma13xzHXcncMavQ==" "integrity": "sha512-4krF8scpejhaOgqzBEcGM7yDIEfi0/8+8zDRZhNZZ2kjmHJ4hv3zCbQWxoJGz1iw5U0Jl0nma13xzHXcncMavQ=="
}, },
"node_modules/react-native-pager-view": { "node_modules/react-native-pager-view": {
"version": "5.4.24", "version": "5.4.25",
"resolved": "https://registry.npmjs.org/react-native-pager-view/-/react-native-pager-view-5.4.24.tgz", "resolved": "https://registry.npmjs.org/react-native-pager-view/-/react-native-pager-view-5.4.25.tgz",
"integrity": "sha512-dRMB7i3B+mu4NCeIN6gqbR/kC/rr2wzqO0gisXDdJwJr78G24sWoTNpLEDFo3G8TFHY9nTMutVl5CUvkN2dp6g==", "integrity": "sha512-3drrYwaLat2fYszymZe3nHMPASJ4aJMaxiejfA1V5SK3OygYmdtmV2u5prX7TnjueJzGSyyaCYEr2JlrRt4YPg==",
"peerDependencies": { "peerDependencies": {
"react": "*", "react": "*",
"react-native": "*" "react-native": "*"
@ -18458,9 +18458,9 @@
} }
}, },
"eslint": { "eslint": {
"version": "8.18.0", "version": "8.19.0",
"resolved": "https://registry.npmjs.org/eslint/-/eslint-8.18.0.tgz", "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.19.0.tgz",
"integrity": "sha512-As1EfFMVk7Xc6/CvhssHUjsAQSkpfXvUGMFC3ce8JDe6WvqCgRrLOBQbVpsBFr1X1V+RACOadnzVvcUS5ni2bA==", "integrity": "sha512-SXOPj3x9VKvPe81TjjUJCYlV4oJjQw68Uek+AM0X4p+33dj2HY5bpTZOgnQHcG2eAm1mtCU9uNMnJi7exU/kYw==",
"dev": true, "dev": true,
"requires": { "requires": {
"@eslint/eslintrc": "^1.3.0", "@eslint/eslintrc": "^1.3.0",
@ -19807,9 +19807,9 @@
"dev": true "dev": true
}, },
"i18next": { "i18next": {
"version": "21.8.11", "version": "21.8.12",
"resolved": "https://registry.npmjs.org/i18next/-/i18next-21.8.11.tgz", "resolved": "https://registry.npmjs.org/i18next/-/i18next-21.8.12.tgz",
"integrity": "sha512-+s8N6kQShwNK+Ua/+VsS/Sji24NUJJLBk9QIucygj1f97f4hPNDWmLP9fQCI4d5+XLfXJ3JctX4g+zJla967Vw==", "integrity": "sha512-BCJsQq9DtmLb88ksPZgpjbXhPAhFmDTNrY2Jh8VvgwnTHvL8xbuSribdTsi2WPRk1kbhjtbkoqyCVr12w2XTCA==",
"requires": { "requires": {
"@babel/runtime": "^7.17.2" "@babel/runtime": "^7.17.2"
} }
@ -23004,9 +23004,9 @@
} }
}, },
"react-native-pager-view": { "react-native-pager-view": {
"version": "5.4.24", "version": "5.4.25",
"resolved": "https://registry.npmjs.org/react-native-pager-view/-/react-native-pager-view-5.4.24.tgz", "resolved": "https://registry.npmjs.org/react-native-pager-view/-/react-native-pager-view-5.4.25.tgz",
"integrity": "sha512-dRMB7i3B+mu4NCeIN6gqbR/kC/rr2wzqO0gisXDdJwJr78G24sWoTNpLEDFo3G8TFHY9nTMutVl5CUvkN2dp6g==", "integrity": "sha512-3drrYwaLat2fYszymZe3nHMPASJ4aJMaxiejfA1V5SK3OygYmdtmV2u5prX7TnjueJzGSyyaCYEr2JlrRt4YPg==",
"requires": {} "requires": {}
}, },
"react-native-randombytes": { "react-native-randombytes": {

View File

@ -10,6 +10,7 @@
"test": "jest", "test": "jest",
"lint": "eslint .", "lint": "eslint .",
"rd": "react-devtools", "rd": "react-devtools",
"menu": "adb shell input keyevent 82",
"pack": "npm run pack:android", "pack": "npm run pack:android",
"pack:android": "./gradlew assembleRelease", "pack:android": "./gradlew assembleRelease",
"clear": "react-native clean-project", "clear": "react-native clean-project",
@ -46,7 +47,7 @@
"buffer": "^6.0.3", "buffer": "^6.0.3",
"console-browserify": "^1.2.0", "console-browserify": "^1.2.0",
"events": "^3.3.0", "events": "^3.3.0",
"i18next": "^21.8.11", "i18next": "^21.8.12",
"js-htmlencode": "^0.3.0", "js-htmlencode": "^0.3.0",
"lrc-file-parser": "^2.0.0", "lrc-file-parser": "^2.0.0",
"pako": "^2.0.4", "pako": "^2.0.4",
@ -60,7 +61,7 @@
"react-native-exception-handler": "^2.10.10", "react-native-exception-handler": "^2.10.10",
"react-native-fs": "^2.20.0", "react-native-fs": "^2.20.0",
"react-native-navigation": "^7.28.0", "react-native-navigation": "^7.28.0",
"react-native-pager-view": "^5.4.24", "react-native-pager-view": "^5.4.25",
"react-native-randombytes": "^3.6.1", "react-native-randombytes": "^3.6.1",
"react-native-splash-screen": "^3.3.0", "react-native-splash-screen": "^3.3.0",
"react-native-track-player": "git+https://github.com/lyswhut/react-native-track-player.git#5fb0bec8694d3783f32a1e4ed1251c163e9842f7", "react-native-track-player": "git+https://github.com/lyswhut/react-native-track-player.git#5fb0bec8694d3783f32a1e4ed1251c163e9842f7",
@ -85,7 +86,7 @@
"babel-plugin-module-resolver": "^4.1.0", "babel-plugin-module-resolver": "^4.1.0",
"changelog-parser": "^2.8.1", "changelog-parser": "^2.8.1",
"cross-env": "^7.0.3", "cross-env": "^7.0.3",
"eslint": "^8.18.0", "eslint": "^8.19.0",
"eslint-config-standard": "^17.0.0", "eslint-config-standard": "^17.0.0",
"eslint-plugin-html": "^6.2.0", "eslint-plugin-html": "^6.2.0",
"eslint-plugin-import": "^2.26.0", "eslint-plugin-import": "^2.26.0",

View File

@ -3,3 +3,4 @@
- 添加“弹出键盘时自动隐藏播放栏”设置,默认启用(原来的行为),若在某些设备上播放栏无法显示时则可以关闭此设置 - 添加“弹出键盘时自动隐藏播放栏”设置,默认启用(原来的行为),若在某些设备上播放栏无法显示时则可以关闭此设置
- 优化切歌时桌面歌词的切换动画显示 - 优化切歌时桌面歌词的切换动画显示
- 暂停播放时自动隐藏桌面歌词 - 暂停播放时自动隐藏桌面歌词
- 在我的列表-列表名左侧添加了一个图标,以表示此处可以点击切换列表

View File

@ -27,7 +27,7 @@ export default memo(({ item, onPress }) => {
</View> </View>
<View style={styles.row2}><Text style={{ ...styles.listItemDesc, color: theme.normal50 }} numberOfLines={1}>{item.mtime ? new Date(item.mtime).toLocaleString() : item.desc}</Text></View> <View style={styles.row2}><Text style={{ ...styles.listItemDesc, color: theme.normal50 }} numberOfLines={1}>{item.mtime ? new Date(item.mtime).toLocaleString() : item.desc}</Text></View>
</View> </View>
{item.isDir ? <Icon name="chevron-right" style={{ color: theme.secondary20, fontSize: 18 }} /> : <Text style={{ ...styles.size, color: theme.normal40 }}>{item.sizeText}</Text>} {item.isDir ? <Icon name="chevron-right-2" style={{ color: theme.secondary20, fontSize: 18 }} /> : <Text style={{ ...styles.size, color: theme.normal40 }}>{item.sizeText}</Text>}
</TouchableOpacity> </TouchableOpacity>
</View> </View>
) )

Binary file not shown.

File diff suppressed because one or more lines are too long

View File

@ -390,6 +390,7 @@ export default memo(({ currentList, handleCancelMultiSelect, showListSearchBar }
return ( return (
<View> <View>
<TouchableOpacity onPress={showPopup} style={{ ...styles.currentList, borderBottomWidth: BorderWidths.normal, borderBottomColor: theme.borderColor }}> <TouchableOpacity onPress={showPopup} style={{ ...styles.currentList, borderBottomWidth: BorderWidths.normal, borderBottomColor: theme.borderColor }}>
<Icon style={{ ...styles.sourceMenuIcon, color: theme.secondary30, fontSize: 18 }} name="chevron-right" />
<Text numberOfLines={1} style={{ ...styles.sourceMenu, color: theme.secondary, flex: 1 }}>{currentList.name}</Text> <Text numberOfLines={1} style={{ ...styles.sourceMenu, color: theme.secondary, flex: 1 }}>{currentList.name}</Text>
<TouchableOpacity style={styles.btns} onPress={showListSearchBar}> <TouchableOpacity style={styles.btns} onPress={showListSearchBar}>
<Icon style={{ color: theme.secondary30, fontSize: 16 }} name="search-2" /> <Icon style={{ color: theme.secondary30, fontSize: 16 }} name="search-2" />
@ -404,9 +405,15 @@ export default memo(({ currentList, handleCancelMultiSelect, showListSearchBar }
const styles = StyleSheet.create({ const styles = StyleSheet.create({
sourceMenuIcon: {
paddingLeft: 8,
paddingRight: 3,
paddingTop: 10,
paddingBottom: 0,
},
sourceMenu: { sourceMenu: {
minWidth: 70, minWidth: 70,
paddingLeft: 10, // paddingLeft: 10,
paddingRight: 10, paddingRight: 10,
paddingTop: 10, paddingTop: 10,
paddingBottom: 10, paddingBottom: 10,