修复设置面板内容滚动问题

src/screens/PlayDetail/Vertical/Player/index.tsx

@@ -55,8 +55,8 @@ const styles = createStyle({
     flexShrink: 0,
     paddingLeft: '10%',
     paddingRight: '10%',
-    paddingTop: '6%',
-    paddingBottom: '6%',
+    paddingTop: '8.6%',
+    paddingBottom: '8.6%',
   },
   row: {
     flexDirection: 'row',

src/screens/PlayDetail/components/SettingPopup/index.tsx

@@ -1,4 +1,5 @@
 import React, { forwardRef, useImperativeHandle, useRef, useState } from 'react'
+import { ScrollView, View } from 'react-native'
 import Popup, { type PopupType, type PopupProps } from '@/components/common/Popup'
 import { useI18n } from '@/lang'
 
@@ -36,10 +37,14 @@ export default forwardRef<SettingPopupType, SettingPopupProps>((props, ref) => {
     visible
       ? (
         <Popup ref={popupRef} title={t('play_detail_setting_title')} {...props}>
+          <ScrollView>
+            <View onStartShouldSetResponder={() => true}>
               <SettingVolume />
               <SettingPlaybackRate />
               <SettingLrcFontSize />
               <SettingLrcAlign />
+            </View>
+          </ScrollView>
         </Popup>
         )
       : null

src/screens/PlayDetail/components/SettingPopup/settings/style.ts

@@ -2,9 +2,10 @@ import { createStyle } from '@/utils/tools'
 
 export default createStyle({
   container: {
+    paddingTop: 5,
     paddingLeft: 15,
     paddingRight: 15,
-    marginBottom: 15,
+    paddingBottom: 15,
     alignItems: 'flex-start',
   },
   // title: {