albo1337 / flutter_full_pdf_viewer

A fully functional on both platforms pdf viewer.
MIT License
165 stars 89 forks source link

Why the pdf viewer is always on the top? #23

Open 934086372 opened 5 years ago

934086372 commented 5 years ago

For example, i add a floatingActionButton , but it's behind the pdf viewer...

l-k22 commented 5 years ago

share your code please

934086372 commented 5 years ago

`@override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( backgroundColor: Color.fromRGBO(0, 170, 255, 1), elevation: 1.0, leading: IconButton( icon: Icon(Icons.arrow_back), onPressed: () { pdfReader.close(); Navigator.of(context).pop(); }), title: Text('pdf'), centerTitle: true, ), body: Column( children: [ Expanded( child: pathPDF == '' ? Center( child: CircularProgressIndicator(), ) : pdfViewer(), ), bottomBar() ], ), floatingActionButton: FloatingActionButton(onPressed: (){

  }),
);

}

Widget pdfViewer() { double top = kToolbarHeight + MediaQuery.of(context).padding.top; double bottom = 50; double width = MediaQuery.of(context).size.width; double height = MediaQuery.of(context).size.height - top - bottom;

Rect rect = Rect.fromLTWH(0, top, width, height);
pdfReader.launch(pathPDF, rect: rect);

return Center(child: const CircularProgressIndicator());

}`

Artishock88 commented 5 years ago

Is there still no solution for the rect appearing on top of everything else? It's a problem, that one cannot display an Alert Dialog or place the PDF Viewer according to App Layout (like underneath existing Appbar and so on)...

biancashouse commented 5 years ago

Ditto. Reducing the height works, but taps are collected by the pdf view. Is there a way to create an overlay on top of the one created by the plugin ?

Artishock88 commented 5 years ago

Ditto. Reducing the height works, but taps are collected by the pdf view. Is there a way to create an overlay on top of the one created by the plugin ?

there is more. A Rect doesn't react to UI Animations. For example the back swipe on iOS: the view moves underneath the Rect and after the movement has finished, the Rect is disabled. So it doesn't regard any UI and is always drawn on top of the screen, which makes this element only usable in very limited circumstances.

Elements like Alerts also appear underneath the Rect... why would anyone develop an Element like this...

biancashouse commented 5 years ago

My workaround is to navigator pop to a previous page and show a dialog or some other piece of ui. Then when the user has provided what I need, they can re-enter the pdf preview page again.

On Thu, Mar 28, 2019 at 2:17 AM Artishock88 notifications@github.com wrote:

Ditto. Reducing the height works, but taps are collected by the pdf view. Is there a way to create an overlay on top of the one created by the plugin ?

there is more. A Rect doesn't react to UI Animations. For example the back swipe on iOS: the view moves underneath the Rect and after the movement has finished, the Rect is disabled. So it doesn't regard any UI and is always drawn on top of the screen, which makes this element only usable in very limited circumstances.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/albo1337/flutter_full_pdf_viewer/issues/23#issuecomment-477204317, or mute the thread https://github.com/notifications/unsubscribe-auth/AArVxGkO6hPkFrifnHG3jE2DDonEauB-ks5va4uUgaJpZM4biMPQ .

Abdelmjid-ASOUAB commented 5 years ago

Any one have a solution for this problem i'm truing to add a FloatingActionButton !!!