HarmonyOS 如何点击一个按钮之后再进入flutter ?

HarmonyOS 如何点击一个按钮之后再进入flutter ?

HarmonyOS
2024-11-26 08:58:31
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
fox280

使用条件语句进行判断渲染。

struct Index { 
  private context = getContext(this) as common.UIAbilityContext 
  @LocalStorageLink('viewId') viewId: string = ""; 
  @State isFlutterPage:boolean = false; 
 
  build() { 
    Column() { 
      if (this.isFlutterPage) { 
        FlutterPage({ viewId: this.viewId }) 
      } else { 
        Button('跳转').width(50).height(50).onClick(()=> { 
          this.isFlutterPage = true; 
        }) 
      } 
    }.justifyContent(FlexAlign.Center).width('100%').height('100%') 
  } 
}

路由跳转。

import router from '@ohos.router'; 
@Entry 
@Component 
struct Index { 
  build() { 
    Column() { 
      Button('跳转').width(50).height(50).onClick(()=> { 
        router.pushUrl({ url: 'pages/FlutterPageIndex' }) 
      }) 
    }.justifyContent(FlexAlign.Center).width('100%').height('100%') 
  } 
} 
  
FlutterPageIndex 页面 
 
import { FlutterAbility } from '@ohos/flutter_ohos'; 
export default class EntryAbility extends FlutterAbility { 
 
} 
 
@Entry 
@Component 
struct FlutterPageIndex { 
 
  build() { 
    Column() { 
      FlutterPage() 
    }.width('100%').height('100%') 
  } 
}
分享
微博
QQ
微信
回复
2024-11-26 16:11:29
相关问题
如何设置一个通知按钮
373浏览 • 1回复 待解决
HarmonyOS 如何返回一个颜色?
256浏览 • 1回复 待解决