1# InnerFullScreenLaunchComponent (System API)
2
3
4**InnerFullScreenLaunchComponent** is a component that allows the invoker to choose the timing for launching an atomic service. 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.
5
6> **NOTE**
7>
8> This component is supported since API version 12. Updates will be marked with a superscript to indicate their earliest API version.
9>
10> 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.
11
12
13## Modules to Import
14
15```
16import { InnerFullScreenLaunchComponent, LauncherController } from '@kit.ArkUI'
17```
18
19
20## Child Components
21
22Not supported
23
24## Attributes
25The [universal attributes](ts-universal-attributes-size.md) are not supported.
26
27## InnerFullScreenLaunchComponent
28
29InnerFullScreenLaunchComponent({ content: Callback\<void>, controller: LaunchController })
30
31**Decorator**: \@Component
32
33**System API**: This is a system API.
34
35**System capability**: SystemCapability.ArkUI.ArkUI.Full
36
37
38**Parameters**
39
40
41| Name| Type| Mandatory| Decorator Type| Description|
42| -------- | -------- | -------- | -------- | -------- |
43| content | Callback\<void> | Yes| \@BuilderParam | Content displayed in the component.|
44| controller | [LaunchController](#launchcontroller) | Yes| - | Controller for launching the atomic service.|
45
46## LaunchController
47
48**System API**: This is a system API.
49
50**System capability**: SystemCapability.ArkUI.ArkUI.Full
51
52| Name| Type| Description|
53| ---- | ---------- | ------ |
54|launchAtomicService | [LaunchAtomicServiceCallback](#launchatomicservicecallback) | Launches an atomic service.|
55
56## LaunchAtomicServiceCallback
57
58**System API**: This is a system API.
59
60**System capability**: SystemCapability.ArkUI.ArkUI.Full
61
62| Name| Type| Mandatory| Description|
63| --------------- | ------ |------ |------ |
64|appId | string |Yes| Application ID for the atomic service.|
65| options | [AtomicServiceOptions](../../apis-ability-kit/js-apis-app-ability-atomicServiceOptions.md) | No| Parameters for launching the atomic service.|
66
67## Events
68The [universal events](ts-universal-events-click.md) are not supported.
69
70## Example
71
72```ts
73import { InnerFullScreenLaunchComponent, LaunchController } from '@kit.ArkUI';
74
75@Entry
76@Component
77struct Index {
78  appId1: string = '5765880207853275505';
79  appId2: string = '5765880207854372375';
80
81  @Builder
82  ColumChild() {
83    Column() {
84      Text('InnerFullScreenLaunchComponent').fontSize(16).margin({top: 100})
85      Button('Start Sunrise/Sunset'')
86        .onClick(()=>{
87          let appId2: string = '5765880207854372375';
88          this.controller.launchAtomicService(appId2, {})
89        }).height(30).width('50%').margin({top: 50})
90      Button('Start Recharge')
91        .onClick(()=>{
92          let appId2: string = '5765880207853275489';
93          this.controller.launchAtomicService(appId2, {})
94        }).height(30).width('50%').margin({top: 50})
95    }.backgroundColor(Color.Pink).height('100%').width('100%')
96  }
97  controller: LaunchController = new LaunchController();
98
99  build() {
100    Column() {
101      InnerFullScreenLaunchComponent({
102          content: this.ColumChild,
103          controller: this.controller,
104        })
105    }
106    .width('100%').height('100%')
107  }
108}
109
110```
111