包

@lia-labs/sdk-solid

复制页面

稳固的Lia SDK的原始数据。Lia的状态作为访问器，以及与其所有者一样持久的按钮。

npm install @lia-labs/sdk @lia-labs/sdk-solid

稳固的1.8或更高版本。从 @lia-labs/sdk 被重新导出。每个原始值会随着其所有者（组件或根）进行清理。

#一个应用

import { createEffect, createSignal, Show } from 'solid-js';
import { createBackButton, createInit, createMainButton, isLia, mockLia, pay, ready, useLanguage } from '@lia-labs/sdk-solid';

if (!isLia()) mockLia();

function Game(props: { onBack: () => void }) {
  createBackButton(props.onBack); // shown while this component lives
  return <p>Playing…</p>;
}

export function App() {
  const lia = createInit();
  const language = useLanguage();
  const [playing, setPlaying] = createSignal(false);
  createEffect(() => lia().status === 'ready' && ready());
  createMainButton(() => !playing() && { text: 'Buy extra lives', onClick: () => pay('extra-lives') });

  return (
    <Show when={lia().status === 'ready'}>
      <h1>Hello ({language()})</h1>
      <Show when={playing()} fallback={<button onClick={() => setPlaying(true)}>Play</button>}>
        <Game onBack={() => setPlaying(false)} />
      </Show>
    </Show>
  );
}

#基本元素

导出	给你
`createInit(options?)`	一个访问器 `{ status, result, error }`。调用 `init()` 一次。
`useSignal(value)`	任何 SDK 值作为访问器。
`usePlayer()`, `useMode()`, `useLanguage()`, `useRtl()`, `useColorScheme()`, `useThemeParams()`, `useViewport()`, `useSafeArea()`, `useContentSafeArea()`, `useIsFullscreen()`, `useStartParam()`, `useSoundOn()`, `useNotificationsAllowed()`	Lia'的状态作为访问器。
`createLiaEvent(event, handler)`	监听 Lia 中的一个'的事件。
`createBannerAd(position?)`, `useBanner()`, `useNativeAd()`	将横幅Lia 靠近您的页面（这会变短以适应它）： `"bottom"`, `"top"`，或者一个访问器（`null` 隐藏它）；并且横幅和原生广告现在。
`createMainButton(options)`, `createSecondaryButton(options)`	显示按钮。 `options` 可以是对象或访问器，按钮会跟随它； `null` 或 `false` 隐藏它。
`createBackButton(onBack)`, `createSettingsButton(onOpen)`	显示标题按钮。
`createClosingConfirmation()`, `createVerticalSwipesDisabled()`	对于所有者'的生命周期。

自动翻译。英语是真实来源。阅读英文