小编col*_*lin的帖子

如何在Flutter中实现可滚动画布?

我是一位经验丰富的iOS开发人员,但对Flutter来说是全新的。现在,我在Flutter中面临ScrollView的问题。

我要实现的是构建一个大型可滚动画布。我之前在iOS上做过,您可以在此处查看屏幕截图。

iOS UI

画布是一个很大的UIScrollView,并且画布上的每个子视图都是可拖动的,因此我可以随意放置它们。即使文本很长,我也可以滚动画布以查看全部内容。现在,我需要使用Flutter做同样的事情。

目前,我只能在Flutter中拖动文本小部件。但是父窗口小部件不可滚动。我知道我需要在Flutter中使用可滚动的小部件来获得相同的结果,但是我只是无法使其工作。这是我目前拥有的代码。

void main() {
  //debugPaintLayerBordersEnabled = true;
  //debugPaintSizeEnabled = true;
  runApp(new MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
        title: 'Flutter Demo',
        theme: new ThemeData(
        primarySwatch: Colors.indigo,
      ),
      home: new MyHomePage(title: 'Flutter Demo Drag Box'),
    );
  }
}

class MyHomePage extends StatelessWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
      title: new Text(title),
    ),
    body: DragBox(Offset(0.0, 0.0))); …
Run Code Online (Sandbox Code Playgroud)

uiscrollview ios flutter flutter-layout

6
推荐指数
1
解决办法
1064
查看次数

UIPageViewController和UIButton混合使用

事情就是这样:我的应用程序在人们启动它时需要一系列教程屏幕,以及屏幕底部的两个按钮,以便人们注册或登录.(如图所示) 例

我的问题是:当人们滑动教程图像时,如何在屏幕上保留按钮?

我试过几种方法:

  1. 在PageContentViewController(UIViewController的子类)中,我有一个用于教程图像的UIImageView,以及两个用于按钮的UIButton.这样,按钮也会滑动,而不是我想要的.

  2. 我为按钮使用了一个新的ViewController,在我的rootviewController中,我将这个新的viewcontroller添加为子视图.这样,新的viewcontroller会隐藏它下面的教程图像.我无法滑动图像.我还试图设置新的viewcontroller的alpha值,这样我就可以看到它下面的图像,但仍然无法滑动它.

我可以从中学到更好的想法或示例代码吗?

iphone uibutton ios uipageviewcontroller

2
推荐指数
1
解决办法
777
查看次数