配置值
开发插件时,您可以提供配置值,让开发者能够设置这些值来影响插件在运行时的行为。插件配置值的一个例子是 @capacitor/splash-screen
插件中的 launchShowDuration
,它用于设置显示启动画面的持续时间。
Capacitor 插件的配置值在 Capacitor 配置文件的 plugins
属性中设置。
定义配置值
Capacitor 插件可以访问在 Capacitor 配置文件 plugins
属性下以插件名称定义的配置值。
{
appId: 'com.company.app',
...
plugins: {
MyCoolPlugin: {
style: "dark",
iconColor: '#FF0000'
}
}
}
在上面的示例中,MyCoolPlugin 插件的原生实现可以访问配置的 style
和 iconColor
值。
Capacitor 配置文件支持 TypeScript。虽然不是必需的,但建议提供类型信息来定义和记录插件可用的配置值。
您可以通过扩展 @capacitor/cli
提供的 PluginsConfig
接口来为插件的配置值提供类型定义。
/// <reference types="@capacitor/cli" />
declare module '@capacitor/cli' {
export interface PluginsConfig {
MyCoolPlugin?: {
/**
* 如果您的应用不支持明/暗主题切换,可覆盖此酷炫主题样式。
*
* @since 1.0.0
* @example "light"
*/
style?: 'dark' | 'light';
/**
* 酷炫图标的颜色,采用十六进制格式,#RRGGBB 或 #RRGGBBAA。
*
* @since 1.0.0
* @default #ffffff
* @example "#FF9900"
*/
iconColor?: string;
};
}
}
我们建议将此类型定义放在插件的 definitions.ts
文件中。为了让插件使用者能够访问此类型信息,他们必须在 Capacitor 配置文件中使用 TypeScript,并在 capacitor.config.ts
中添加对插件类型的引用:
/// <reference types="@capacitor-community/my-cool-plugin" />
import { CapacitorConfig } from '@capacitor/cli';
const config: CapacitorConfig = {
appId: "com.company.app",
...
plugins: {
MyCoolPlugin: {
style: "dark",
iconColor: "#034821"
}
}
}
export default config;
访问配置值
Capacitor API 包含 getConfig()
实用方法,用于从插件的原生实现中访问插件配置值。
对于 iOS:
if let style = getConfig().getString("style") {
// 设置样式
}
对于 Android:
String style = getConfig().getString("style");
if(style) {
// 设置样式
}
请注意,您无法强制插件使用者提供配置值,并且插件使用者可能会传递无效数据(特别是当他们使用基于 JSON 的 Capacitor 配置时)。
作为插件开发者,您有责任提供充分的文档说明插件的配置值,并在插件使用者未提供配置值或提供无效输入时优雅地回退处理。