question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

fullscreen support?

See original GitHub issue

How can I show camera view on fullscreen?

below code not work

  _topContent(){
    return(
      <View style={{height:0}}></View>
    )
  }
  _bottomContent(){
    return(
      <View style={{height:0}}></View>
    )
  }
  _onRead(){
    console.log(123213123123213);
  }
  render(){
    return(
      <View style={styles.container}>
        <QRCodeScanner
          style={{flex:1}}
          topContent={this._topContent()}
          bottomContent={this._bottomContent()}
          onRead={() => this._onRead()}
        />
      </View>
    )
  }

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:2
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

3reactions
moaazsidatcommented, May 2, 2017

So a bit more context on this, currently the way the lib is set up, it renders a <View> and then passes the topContent prop as the child to render. There’s two approaches to add this feature. One would be to have people be able to pass a container for the top and bottom like you demonstrate above. This would be a breaking change to the API. Another is to have styling props for the top, bottom and camera containers. and thus you’d be able to pass the relevant styles to make it full screen.

See the full screen example here in the PR: https://github.com/moaazsidat/react-native-qrcode-scanner/pull/14/files#diff-e08eadef51fee10a880865e5370ee522

Let me know if this looks reasonable @bawn

1reaction
bawncommented, May 3, 2017

@moaazsidat Thanks, That’s reasonable.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Full Screen API | Can I use... Support tables for HTML5, CSS3 ...
"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
Read more >
Fullscreen API - MDN Web Docs
The Document interface provides properties that can be used to determine if fullscreen mode is supported and available, and if fullscreen mode ...
Read more >
Make Start full screen - Microsoft Support
You can make Start full screen and see everything in one view. Select Start , then select Settings > Personalization . Select Start...
Read more >
Use apps in full screen on Mac - Apple Support
Many apps on your Mac support full-screen mode—an app fills the entire screen—so you can take advantage of every inch of the screen...
Read more >
Disney Plus Ultrawide Fullscreen Support
Toggle 21:9 Video on Disney Plus to be full screen on Ultrawide monitors (Removes Black Bars)
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found