diff --git a/publish/changeLog.md b/publish/changeLog.md index 139fe7c..546b658 100644 --- a/publish/changeLog.md +++ b/publish/changeLog.md @@ -5,3 +5,7 @@ ### 优化 - 更新设置界面菜单布局 + +### 修复 + +- 修复歌单排序列表滚动重置问题 diff --git a/src/screens/Home/Views/SongList/HeaderBar/SortTab.tsx b/src/screens/Home/Views/SongList/HeaderBar/SortTab.tsx index 4604ca0..79a852b 100644 --- a/src/screens/Home/Views/SongList/HeaderBar/SortTab.tsx +++ b/src/screens/Home/Views/SongList/HeaderBar/SortTab.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef, useImperativeHandle, useMemo, useState } from 'react' +import React, { forwardRef, useImperativeHandle, useMemo, useRef, useState } from 'react' import { ScrollView, TouchableOpacity } from 'react-native' import songlistState, { type SortInfo, type Source } from '@/store/songlist/state' import { useI18n } from '@/lang' @@ -20,9 +20,11 @@ export default forwardRef(({ onSortChange }, ref) => const [activeId, setActiveId] = useState('') const t = useI18n() const theme = useTheme() + const scrollViewRef = useRef(null) useImperativeHandle(ref, () => ({ setSource(source, activeTab) { + scrollViewRef.current?.scrollTo({ x: 0 }) setSortList(songlistState.sortList[source] as SortInfo[]) setActiveId(activeTab) }, @@ -38,7 +40,7 @@ export default forwardRef(({ onSortChange }, ref) => } return ( - + { sorts.map(s => ( { handleSortChange(s.id) }} key={s.id}>