fullscreen support?
See original GitHub issueHow 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:
- Created 6 years ago
- Reactions:2
- Comments:7 (4 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
So a bit more context on this, currently the way the lib is set up, it renders a
<View>
and then passes thetopContent
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
@moaazsidat Thanks, That’s reasonable.