UI
1. updateMiniAppTheme()
Event Code: UPDATE_MINI_APP_THEME - Update mini app theme
Request data
| Field | Type | Required | Description |
|---|---|---|---|
headerColor | string | optional | Miniapp header background color #FFFFFF |
headerTitle | string | optional | Miniapp header title Mini App |
textColor | string | optional | Miniapp header text and button color #EE0033 |
leftButton | string | optional | back - back button, none - không có gì back |
actionButtonThemeType | string | optional | Mode hiển thị action: light - sáng , dark - tối light |
hideAndroidBottomNavigationBar | boolean | optional | Ẩn hiện android bottom bar |
hideIOSSafeAreaBottom | boolean | optional | Ẩn hiện ios bottom safe area |
toolbarMode | string | optional | Mode hiển thị header: normal - bình thường , hidden - ẩn, transparent - trong suốt normal |
Response
No response data
Ví dụ sử dụng (npm package)
import { updateMiniAppTheme, isSuccess } from 'vdf-webview-miniapp-sdk'
const res = await updateMiniAppTheme({ data: {
headerColor: "#FFFFFF",
headerTitle: "Mini App",
textColor: "#EE0033",
leftButton: "back",
actionButtonThemeType: "light",
hideAndroidBottomNavigationBar: false,
hideIOSSafeAreaBottom: false,
toolbarMode: "normal"
} })
if (isSuccess(res)) {
console.log('Thành công')
}
Sử dụng với bundle.js
const res = await WebviewSdk.updateMiniAppTheme({ data: {
headerColor: "#FFFFFF",
headerTitle: "Mini App",
textColor: "#EE0033",
leftButton: "back",
actionButtonThemeType: "light",
hideAndroidBottomNavigationBar: false,
hideIOSSafeAreaBottom: false,
toolbarMode: "normal"
} })
if (WebviewSdk.isSuccess(res)) {
console.log('Thành công')
}
2. setScreenBrightness()
Event Code: SET_SCREEN_BRIGHTNESS - Đặt độ sáng màn hình (screen-scoped) cho màn hình mini-app đang hiển thị. Tự khôi phục khi rời màn/nền.
Request data
| Field | Type | Required | Description |
|---|---|---|---|
value | number | required | Độ sáng 0.0–1.0 0.8 |
Response data
| Field | Type | Required | Description |
|---|---|---|---|
success | boolean | required | Thành công true |
Ví dụ sử dụng (npm package)
import { setScreenBrightness, isSuccess } from 'vdf-webview-miniapp-sdk'
const res = await setScreenBrightness({ data: {
value: 0.8
} })
if (isSuccess(res)) {
console.log(res.data.success)
}
Sử dụng với bundle.js
const res = await WebviewSdk.setScreenBrightness({ data: {
value: 0.8
} })
if (WebviewSdk.isSuccess(res)) {
console.log(res.data.success)
}
3. restoreScreenBrightness()
Event Code: RESTORE_SCREEN_BRIGHTNESS - Khôi phục độ sáng về giá trị đã lưu gần nhất theo session mini-app.
Request
No request parameters
Response data
| Field | Type | Required | Description |
|---|---|---|---|
success | boolean | required | Thành công true |
Ví dụ sử dụng (npm package)
import { restoreScreenBrightness, isSuccess } from 'vdf-webview-miniapp-sdk'
const res = await restoreScreenBrightness()
if (isSuccess(res)) {
console.log(res.data.success)
}
Sử dụng với bundle.js
const res = await WebviewSdk.restoreScreenBrightness()
if (WebviewSdk.isSuccess(res)) {
console.log(res.data.success)
}