管理偏好

偏好设置是控制玩家行为的设置，例如自动前进、跳过等。

管理偏好设置的最简单方法是使用 usePreference 钩子。

有关偏好设置的列表，请参见 GamePreference.

import { usePreference } from "narraleaf-react";

function AutoForwardButton() {
    const [autoForward, setAutoForward] = usePreference("autoForward");
 
    function triggerAutoForward() {
        setAutoForward(current => !current);
    }
 
    return (
        <div>
            自动前进: {autoForward ? "已启用" : "已禁用"}
            
            <button onClick={triggerAutoForward}>
                切换自动前进
            </button>
        </div>
    );
}

示例

以下是如何创建一个自动前进切换按钮的示例。

import { usePreference, Stage } from "narraleaf-react";
 
const story = /* 你的故事在这里 */;
 
function App() {
    return (
        <div style={{width: "100%", height: "100%"}}>
            <GameProviders game={game}>
                <Player
                    story={story}
                    width="100%"
                    height="100%"
                    onReady={({liveGame}) => {
                        liveGame.newGame();
                    }}
                >
 
                    <Stage>
                        <AutoForwardButton /> {/* 在此处添加 AutoForwardButton 组件 */}
                    </Stage>
 
                </Player>
            </GameProviders>
        </div>
    );
}

配音核心