UI 组件
Placeholder
用于渲染原生视图的辅助 UI 组件。
<Placeholder>
允许在您的标记中直接添加原生视图,而无需为其创建完整的 View 包装器。当 NativeScript 构建 UI 并遇到 Placeholder 元素时,它会发出一个 creatingView
事件,允许您通过将任何原生视图传递给 args.view
参数来渲染它。
xml
<Placeholder creatingView="creatingView" />
ts
import { Utils } from '@nativescript/core'
export function creatingView(args) {
let nativeView
if (global.isIOS) {
// Example with UITextView on iOS
nativeView = UITextView.new()
nativeView.text = 'Native View (iOS)'
} else if (global.isAndroid) {
// Example with TextView on Android
nativeView = new android.widget.TextView(
Utils.android.getApplicationContext()
)
nativeView.setText('Native View (Android)')
}
// assign it to args.view so NativeScript can place it into the UI
args.view = nativeView
}
属性
...继承
有关更多继承属性,请参阅 API 参考。
事件
creatingView
ts
on('creatingView', (args: CreateViewEventData) => {
const placeholder = args.object as Placeholder
args.view = someNativeView
})
在构建 UI 时发出,事件参数允许通过 args.view
传递原生视图实例。