在颤动/飞镖图像下与小部件交互

问题描述

我有一个问题，如何在列表视图顶部制作图像，但仍然可以在列表视图上滚动？像滚动图像一样，因此图像不会移动。 当我使用“堆栈小部件”将它们堆叠时，我仍然无法滚动，只能滚动到滚动视图中没有图像的部分。 请帮助我，这就像我已经开发了6周的应用程序的很大一部分，如果我无法使其正常运行，那么我的应用程序就可以完成了！

这是一个例子：

     beforeAll(async () => {
     homePage= new HomePage();
     helperService = new HelperService();
     CSS = homePage.CSS;

    await helperService.navigate("/home");
    await  helperService.skipIntro();
});

async skipIntro(): Promise<any> {
 const _skipBtn =await element(by.css(this.CSS.SKIP_INTRO));
    console.log("HelperService -> _skipBtn",_skipBtn);
    if (_skipBtn) {
        await _skipBtn.click();
    }
}

async navigate(path: string): promise.Promise<any> {
        await return browser.get(path);
}

async skipIntro(): Promise<any> {
    const _skipBtn = await element(by.css(this.CSS.SKIP_INTRO));
    console.log("HelperService -> _skipBtn",_skipBtn);
    if (_skipBtn) {
        await _skipBtn.click();
    }
}

async navigate(path: string): promise.Promise<any> {
        await return browser.get(path);
} 

解决方法

您可以使用IgnorePointer小部件包装图像：

Stack(
        children: <Widget>[
          ListView(
            controller: scrollController,children: <Widget>[
              Container(
                child: Text('widget 1'),),Container(
                child: Text('widget 2'),Container(
                child: Text('widget 3'),],IgnorePointer(child: Image.asset('assets/myImage.png')),