the image of the openSelectDialog method of the ImagePickerIOS in the React Native is not output
Here is my code:
import React, Component from 'react';
import ImagePickerIOS, Image, Text, View from 'react-native';
class Dashboard extends Component
constructor(props)
super(props);
this.state =
image: ''
;
componentDidMount()
ImagePickerIOS.openSelectDialog(, imageUri =>
this.setState( image: imageUri );
, error => console.log(error));
render()
return (
<View>
<Text>JSON.stringify(this.state.image)</Text>
this.state.image ?
<Image style=flex: 1 source=uri: this.state.image />
: null
</View>
);
export default Dashboard
When you run the above code, this.state.image will have "assets-library: //asset/asset.HEIC? Id = .... & ext = HEIC".
However, is not output.
And <Image style=width: 200, height: 200 source=uri: this.state.image />
This style property puts the IOS simulator to a black screen and exits the app.
The React Native version is 0.57.4 and the simulator is iPhone X - 12.1.
Help.
image react-native camera-roll
add a comment |
Here is my code:
import React, Component from 'react';
import ImagePickerIOS, Image, Text, View from 'react-native';
class Dashboard extends Component
constructor(props)
super(props);
this.state =
image: ''
;
componentDidMount()
ImagePickerIOS.openSelectDialog(, imageUri =>
this.setState( image: imageUri );
, error => console.log(error));
render()
return (
<View>
<Text>JSON.stringify(this.state.image)</Text>
this.state.image ?
<Image style=flex: 1 source=uri: this.state.image />
: null
</View>
);
export default Dashboard
When you run the above code, this.state.image will have "assets-library: //asset/asset.HEIC? Id = .... & ext = HEIC".
However, is not output.
And <Image style=width: 200, height: 200 source=uri: this.state.image />
This style property puts the IOS simulator to a black screen and exits the app.
The React Native version is 0.57.4 and the simulator is iPhone X - 12.1.
Help.
image react-native camera-roll
add a comment |
Here is my code:
import React, Component from 'react';
import ImagePickerIOS, Image, Text, View from 'react-native';
class Dashboard extends Component
constructor(props)
super(props);
this.state =
image: ''
;
componentDidMount()
ImagePickerIOS.openSelectDialog(, imageUri =>
this.setState( image: imageUri );
, error => console.log(error));
render()
return (
<View>
<Text>JSON.stringify(this.state.image)</Text>
this.state.image ?
<Image style=flex: 1 source=uri: this.state.image />
: null
</View>
);
export default Dashboard
When you run the above code, this.state.image will have "assets-library: //asset/asset.HEIC? Id = .... & ext = HEIC".
However, is not output.
And <Image style=width: 200, height: 200 source=uri: this.state.image />
This style property puts the IOS simulator to a black screen and exits the app.
The React Native version is 0.57.4 and the simulator is iPhone X - 12.1.
Help.
image react-native camera-roll
Here is my code:
import React, Component from 'react';
import ImagePickerIOS, Image, Text, View from 'react-native';
class Dashboard extends Component
constructor(props)
super(props);
this.state =
image: ''
;
componentDidMount()
ImagePickerIOS.openSelectDialog(, imageUri =>
this.setState( image: imageUri );
, error => console.log(error));
render()
return (
<View>
<Text>JSON.stringify(this.state.image)</Text>
this.state.image ?
<Image style=flex: 1 source=uri: this.state.image />
: null
</View>
);
export default Dashboard
When you run the above code, this.state.image will have "assets-library: //asset/asset.HEIC? Id = .... & ext = HEIC".
However, is not output.
And <Image style=width: 200, height: 200 source=uri: this.state.image />
This style property puts the IOS simulator to a black screen and exits the app.
The React Native version is 0.57.4 and the simulator is iPhone X - 12.1.
Help.
image react-native camera-roll
image react-native camera-roll
asked Nov 14 '18 at 6:27
falsyfalsy
13
13
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
I have the same problem. But I have solved this issue.
You may need add width and height to style.
this.state.image ? <Image style=height: 100, width: 100 source=uri: this.state.image /> : null
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53294272%2fthe-image-of-the-openselectdialog-method-of-the-imagepickerios-in-the-react-nati%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I have the same problem. But I have solved this issue.
You may need add width and height to style.
this.state.image ? <Image style=height: 100, width: 100 source=uri: this.state.image /> : null
add a comment |
I have the same problem. But I have solved this issue.
You may need add width and height to style.
this.state.image ? <Image style=height: 100, width: 100 source=uri: this.state.image /> : null
add a comment |
I have the same problem. But I have solved this issue.
You may need add width and height to style.
this.state.image ? <Image style=height: 100, width: 100 source=uri: this.state.image /> : null
I have the same problem. But I have solved this issue.
You may need add width and height to style.
this.state.image ? <Image style=height: 100, width: 100 source=uri: this.state.image /> : null
answered Jan 8 at 16:37
Trọng Nguyễn CôngTrọng Nguyễn Công
199
199
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53294272%2fthe-image-of-the-openselectdialog-method-of-the-imagepickerios-in-the-react-nati%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown