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