1e41f4b71Sopenharmony_ci# FullScreenLaunchComponent
2e41f4b71Sopenharmony_ci
3e41f4b71Sopenharmony_ci
4e41f4b71Sopenharmony_ci**FullScreenLaunchComponent** is a component designed for launching atomic services in full screen. If the invoked application (the one being launched) grants the invoker the authorization to run the atomic service in an embedded manner, the invoker can operate the atomic service in full-screen embedded mode. If authorization is not provided, the invoker will launch the atomic service in a pop-up manner.
5e41f4b71Sopenharmony_ci
6e41f4b71Sopenharmony_ci
7e41f4b71Sopenharmony_ci> **NOTE**
8e41f4b71Sopenharmony_ci>
9e41f4b71Sopenharmony_ci> This component is supported since API version 12. Updates will be marked with a superscript to indicate their earliest API version.
10e41f4b71Sopenharmony_ci>
11e41f4b71Sopenharmony_ci> To implement an embeddable atomic service within this component, it must inherit from [EmbeddableUIAbility](../../apis-ability-kit/js-apis-app-ability-embeddableUIAbility.md). If it does not inherit from **EmbeddableUIAbility**, the system cannot guarantee that the atomic service will function properly.
12e41f4b71Sopenharmony_ci
13e41f4b71Sopenharmony_ci
14e41f4b71Sopenharmony_ci## Modules to Import
15e41f4b71Sopenharmony_ci
16e41f4b71Sopenharmony_ci```
17e41f4b71Sopenharmony_ciimport { FullScreenLaunchComponent } from '@kit.ArkUI'
18e41f4b71Sopenharmony_ci```
19e41f4b71Sopenharmony_ci
20e41f4b71Sopenharmony_ci
21e41f4b71Sopenharmony_ci## Child Components
22e41f4b71Sopenharmony_ci
23e41f4b71Sopenharmony_ciNot supported
24e41f4b71Sopenharmony_ci
25e41f4b71Sopenharmony_ci## Attributes
26e41f4b71Sopenharmony_ciThe [universal attributes](ts-universal-attributes-size.md) are not supported.
27e41f4b71Sopenharmony_ci
28e41f4b71Sopenharmony_ci## FullScreenLaunchComponent
29e41f4b71Sopenharmony_ci
30e41f4b71Sopenharmony_ciFullScreenLaunchComponent({ content: Callback\<void>, appId: string, options?: AtomicServiceOptions })
31e41f4b71Sopenharmony_ci
32e41f4b71Sopenharmony_ci**Decorator**: \@Component
33e41f4b71Sopenharmony_ci
34e41f4b71Sopenharmony_ci**Atomic service API**: This API can be used in atomic services since API version 12.
35e41f4b71Sopenharmony_ci
36e41f4b71Sopenharmony_ci**System capability**: SystemCapability.ArkUI.ArkUI.Full
37e41f4b71Sopenharmony_ci
38e41f4b71Sopenharmony_ci
39e41f4b71Sopenharmony_ci**Parameters**
40e41f4b71Sopenharmony_ci
41e41f4b71Sopenharmony_ci
42e41f4b71Sopenharmony_ci| Name| Type| Mandatory| Decorator Type| Description|
43e41f4b71Sopenharmony_ci| -------- | -------- | -------- | -------- | -------- |
44e41f4b71Sopenharmony_ci| content | Callback\<void> | Yes| \@BuilderParam | Content displayed in the component.|
45e41f4b71Sopenharmony_ci| appId | string | Yes| - | Application ID for the atomic service.|
46e41f4b71Sopenharmony_ci| options | [AtomicServiceOptions](../../apis-ability-kit/js-apis-app-ability-atomicServiceOptions.md) | No| - | Parameters for launching the atomic service.|
47e41f4b71Sopenharmony_ci
48e41f4b71Sopenharmony_ci## Events
49e41f4b71Sopenharmony_ciThe [universal events](ts-universal-events-click.md) are not supported.
50e41f4b71Sopenharmony_ci
51e41f4b71Sopenharmony_ci## Example
52e41f4b71Sopenharmony_ci
53e41f4b71Sopenharmony_ci```ts
54e41f4b71Sopenharmony_ciimport { FullScreenLaunchComponent } from '@kit.ArkUI';
55e41f4b71Sopenharmony_ci
56e41f4b71Sopenharmony_ci@Entry
57e41f4b71Sopenharmony_ci@Component
58e41f4b71Sopenharmony_cistruct Index {
59e41f4b71Sopenharmony_ci  @State appId: string = '6918661953712445909';
60e41f4b71Sopenharmony_ci
61e41f4b71Sopenharmony_ci  build() {
62e41f4b71Sopenharmony_ci    Row() {
63e41f4b71Sopenharmony_ci      Column() {
64e41f4b71Sopenharmony_ci        FullScreenLaunchComponent({
65e41f4b71Sopenharmony_ci          content: ColumChild,
66e41f4b71Sopenharmony_ci          appId: this.appId,
67e41f4b71Sopenharmony_ci          options: {}
68e41f4b71Sopenharmony_ci        }).width("80vp").height("80vp")
69e41f4b71Sopenharmony_ci      }
70e41f4b71Sopenharmony_ci      .width('100%')
71e41f4b71Sopenharmony_ci    }
72e41f4b71Sopenharmony_ci    .height('100%')
73e41f4b71Sopenharmony_ci  }
74e41f4b71Sopenharmony_ci}
75e41f4b71Sopenharmony_ci
76e41f4b71Sopenharmony_ci@Builder
77e41f4b71Sopenharmony_cifunction ColumChild() {
78e41f4b71Sopenharmony_ci  Column() {
79e41f4b71Sopenharmony_ci    Image($r('app.media.icon'))
80e41f4b71Sopenharmony_ci    Text('test')
81e41f4b71Sopenharmony_ci  }
82e41f4b71Sopenharmony_ci}
83e41f4b71Sopenharmony_ci```
84