React Native 曲目播放器：完整指南

import React, { useRef, useState } from 'react';
import { View, Text, Button, StyleSheet } from 'react-native';
 
const AudioPlayer = ({ source }) => {
  const audioRef = useRef(null);
  const [isPlaying, setIsPlaying] = useState(false);
 
  const playAudio = () => {
    if (audioRef.current) {
      audioRef.current.playAsync();
      setIsPlaying(true);
    }
  };
 
  const pauseAudio = () => {
    if (audioRef.current && isPlaying) {
      audioRef.current.pauseAsync();
      setIsPlaying(false);
    }
  };
 
  return (
    <View style={styles.container}>
      <Text>{source.title}</Text>
      <Button title="播放" onPress={playAudio} />
      <Button title="暂停" onPress={pauseAudio} />
      <UnimoduleAudioModule ref={audioRef} source={{ uri: source.url }} />
    </View>
  );
};
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
});
 
export default AudioPlayer;

这个代码实例展示了如何在React Native应用中创建一个简单的曲目播放器。它使用了一个自定义的AudioPlayer组件，该组件通过使用React的useRef和useState钩子来管理播放状态，并通过按钮触发播放和暂停操作。代码示例中的UnimoduleAudioModule是假设存在的音频播放模块，它需要根据实际的音频播放库进行替换。