---
title: WKPage 页面
group:
  title: 基础组件
  path: /base/
---

## 何时使用

- WKPage 一般用在页面中，在页面中作为根组件包含其他组件
- WKPage 中包含有 WKCustomNavigationBar 可以根据需求使用
- WKPage 中支持所有页面的 hooks 函数

## 基本使用

```tsx
/**
 * title: 基本使用
 * desc: 基本使用方法
 */
import React from 'react';
import PageWrapper from '../PageWrapper';
import { WKPage, View } from '@wakeapp/components';
export default () => {
  return (
    <PageWrapper title="基本使用">
      <WKPage enableCustomNavigationBar={false}>
        <View>实际内容</View>
      </WKPage>
    </PageWrapper>
  );
};
```

<API src='@wakeapp/components/WKPage/index.d.ts'></API>

## WakedaShareAppMessageReturn

| Name     | Description    | Type                                | Default               |
| -------- | -------------- | ----------------------------------- | --------------------- |
| title    | 转发标题       | `string`                            | 默认为当前小程序名称  |
| path     | 转发路径       | `string \| WakedaAPI.AllNavigation` | 默认为当前页面 `path` |
| imageUrl | 自定义图片路径 | `string`                            | 默认使用截图          |
