Git Product home page Git Product logo

Comments (12)

georgian3688 avatar georgian3688 commented on June 19, 2024 1

@gran33 I am facing the same issue. Image comes as upside down from front camera. Is there any solution for this?
React-native version -0.51
platform - android 7.0
device - Redmi 4A

from react-native-camera-kit.

filipef101 avatar filipef101 commented on June 19, 2024 1

Not using this god forsaken package is the solution

from react-native-camera-kit.

gran33 avatar gran33 commented on June 19, 2024

Hi @sorabhsahu, thanks for trying this library.
In order to help and actual resolve this issue we need some basic info, like:
iOS / Android?
Which react-native version?
Device / Simulator?
Steps to reproduce?
Any extra beneficial info?

Thanks in advance.

from react-native-camera-kit.

kriptonhaz avatar kriptonhaz commented on June 19, 2024

I've been facing the same issue
my environment so far
Android, RN 0.48.4, Device Xiaomi Redmi Note 4A, using a camerakit camera screen and the image displayed in tag from the uri that has been stored from the modul and the image is flipped and rotated.

so far I am using transform[{rotate:"180deg"}] for handling this issue, but can't get the right approach if the user use back camera (back camera is displaying correctly). If it not possible, can we just get the info if the image is taken with front or back camera?

thanks

from react-native-camera-kit.

sorabhsahu avatar sorabhsahu commented on June 19, 2024

@gran33
OS - Android
RN - 0.43.3
On Device
Click a pic and show that image in image tag using source URI.

from react-native-camera-kit.

kriptonhaz avatar kriptonhaz commented on June 19, 2024

@gran33 I just tried to run on Nexus device and the camera (back or front) is correct not rotated like in xiaomi device. I tried to turn off mirror image in the camera phone setting but it still no change

from react-native-camera-kit.

sorabhsahu avatar sorabhsahu commented on June 19, 2024

Hi @kriptonhaz use https://github.com/react-community/react-native-image-picker , It's simple to implement.

from react-native-camera-kit.

azundo avatar azundo commented on June 19, 2024

I've done a bit of digging on this and for some reason if the Exif orientation tag is included and the photo is taken with the front-facing camera it is always flipped 180 deg. This behavior originates from this commit: e33b3dd

My Nexus phone doesn't include Exif orientation data (it handles rotating the bitmap itself) so the rotation step is skipped which explains why this affects some phones but not oethers.

I'm not sure why this behavior was added and what research it was based on but it doesn't seem to make sense to me. I'd be surprised if the majority of front-facing cameras create the image flipped by 180 degrees by default.

from react-native-camera-kit.

filipef101 avatar filipef101 commented on June 19, 2024

Or try with my fork, https://github.com/filipef101/react-native-camera-kit it might be fixed, I also exposed a few native methods on android to check if flash exists and other stuff

from react-native-camera-kit.

Kazehiro avatar Kazehiro commented on June 19, 2024

Any update?
I'am facing same issue here, using MI A2 devices, React native 0.61.5,
when I try to Flip the Phone upside down while take a picture, the picture still upside down.

from react-native-camera-kit.

adybuciuman avatar adybuciuman commented on June 19, 2024

any update?

from react-native-camera-kit.

linoleum00 avatar linoleum00 commented on June 19, 2024

Hello, any update on this ?? using react-native-camera-kit V8.0.4,

This fix Fix didn't work, it turn image sideway

from react-native-camera-kit.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.