ART library does not work in react native
I try use ART library in react-native build in a android phone, but no matter what i put in Shape aways rendering a black image, like this:
enter image description here
My code:
import React from 'react';
import {
ART,
StyleSheet,
View,
Button,
} from 'react-native';
const {
Group,
Shape,
Surface,
} = ART;
export default class App extends React.Component {
render() {
return (
<View style={styles.container}>
<Surface width={500} height={500}>
<Group x={0} y={0}>
<Shape
d="M10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80"
stroke="#555"
strokeWidth={1}
/>
</Group>
</Surface>
</View>
);
}
}
android react-native asked Nov 14 '18 at 14:29
Kairo LuizKairo Luiz
61
add a comment |
I try use ART library in react-native build in a android phone, but no matter what i put in Shape aways rendering a black image, like this:
enter image description here
My code:
import React from 'react';
import {
ART,
StyleSheet,
View,
Button,
} from 'react-native';
const {
Group,
Shape,
Surface,
} = ART;
export default class App extends React.Component {
render() {
return (
<View style={styles.container}>
<Surface width={500} height={500}>
<Group x={0} y={0}>
<Shape
d="M10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80"
stroke="#555"
strokeWidth={1}
/>
</Group>
</Surface>
</View>
);
}
}
asked Nov 14 '18 at 14:29
Kairo LuizKairo Luiz
61
add a comment |
I try use ART library in react-native build in a android phone, but no matter what i put in Shape aways rendering a black image, like this:
enter image description here
My code:
import React from 'react';
import {
ART,
StyleSheet,
View,
Button,
} from 'react-native';
const {
Group,
Shape,
Surface,
} = ART;
export default class App extends React.Component {
render() {
return (
<View style={styles.container}>
<Surface width={500} height={500}>
<Group x={0} y={0}>
<Shape
d="M10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80"
stroke="#555"
strokeWidth={1}
/>
</Group>
</Surface>
</View>
);
}
}
asked Nov 14 '18 at 14:29
Kairo LuizKairo Luiz
61
I try use ART library in react-native build in a android phone, but no matter what i put in Shape aways rendering a black image, like this:
enter image description here
My code:
import React from 'react';
import {
ART,
StyleSheet,
View,
Button,
} from 'react-native';
const {
Group,
Shape,
Surface,
} = ART;
export default class App extends React.Component {
render() {
return (
<View style={styles.container}>
<Surface width={500} height={500}>
<Group x={0} y={0}>
<Shape
d="M10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80"
stroke="#555"
strokeWidth={1}
/>
</Group>
</Surface>
</View>
);
}
}
asked Nov 14 '18 at 14:29
Kairo LuizKairo Luiz
61
asked Nov 14 '18 at 14:29
Kairo LuizKairo Luiz
61
asked Nov 14 '18 at 14:29
Kairo LuizKairo Luiz
61
asked Nov 14 '18 at 14:29
Kairo LuizKairo Luiz
61
asked Nov 14 '18 at 14:29
Kairo LuizKairo Luiz
61
61
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
The ART library in React Native does not support Android that well. There are loads of issues. The following being an example that links to yours fairly well i think:
https://github.com/facebook/react-native/issues/17565
https://github.com/facebook/react-native/issues/17565#issuecomment-430897843
I would say try some of the solutions in the links above. Hope this helps!
answered Nov 14 '18 at 16:57
ShaneGShaneG
1,336514
add a comment |
The appState solution in react-native-circular-progress works for me. I did have the issue when the ART was loaded on the initial screen. In that case calling setState twice within the appState handler seemed to solve the problem.
_handleAppStateChange = (nextAppState) => {
this.setState({ appState: 'random_value' });
this.setState({ appState: nextAppState });
}
answered Nov 16 '18 at 14:26
user3820315user3820315
11
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%2f53302552%2fart-library-does-not-work-in-react-native%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
The ART library in React Native does not support Android that well. There are loads of issues. The following being an example that links to yours fairly well i think:
https://github.com/facebook/react-native/issues/17565
https://github.com/facebook/react-native/issues/17565#issuecomment-430897843
I would say try some of the solutions in the links above. Hope this helps!
answered Nov 14 '18 at 16:57
ShaneGShaneG
1,336514
add a comment |
The ART library in React Native does not support Android that well. There are loads of issues. The following being an example that links to yours fairly well i think:
https://github.com/facebook/react-native/issues/17565
https://github.com/facebook/react-native/issues/17565#issuecomment-430897843
I would say try some of the solutions in the links above. Hope this helps!
answered Nov 14 '18 at 16:57
ShaneGShaneG
1,336514
add a comment |
The ART library in React Native does not support Android that well. There are loads of issues. The following being an example that links to yours fairly well i think:
https://github.com/facebook/react-native/issues/17565
https://github.com/facebook/react-native/issues/17565#issuecomment-430897843
I would say try some of the solutions in the links above. Hope this helps!
answered Nov 14 '18 at 16:57
ShaneGShaneG
1,336514
The ART library in React Native does not support Android that well. There are loads of issues. The following being an example that links to yours fairly well i think:
https://github.com/facebook/react-native/issues/17565
https://github.com/facebook/react-native/issues/17565#issuecomment-430897843
I would say try some of the solutions in the links above. Hope this helps!
answered Nov 14 '18 at 16:57
ShaneGShaneG
1,336514
answered Nov 14 '18 at 16:57
ShaneGShaneG
1,336514
answered Nov 14 '18 at 16:57
ShaneGShaneG
1,336514
answered Nov 14 '18 at 16:57
ShaneGShaneG
1,336514
1,336514
add a comment |
add a comment |
The appState solution in react-native-circular-progress works for me. I did have the issue when the ART was loaded on the initial screen. In that case calling setState twice within the appState handler seemed to solve the problem.
_handleAppStateChange = (nextAppState) => {
this.setState({ appState: 'random_value' });
this.setState({ appState: nextAppState });
}
answered Nov 16 '18 at 14:26
user3820315user3820315
11
add a comment |
The appState solution in react-native-circular-progress works for me. I did have the issue when the ART was loaded on the initial screen. In that case calling setState twice within the appState handler seemed to solve the problem.
_handleAppStateChange = (nextAppState) => {
this.setState({ appState: 'random_value' });
this.setState({ appState: nextAppState });
}
answered Nov 16 '18 at 14:26
user3820315user3820315
11
add a comment |
The appState solution in react-native-circular-progress works for me. I did have the issue when the ART was loaded on the initial screen. In that case calling setState twice within the appState handler seemed to solve the problem.
_handleAppStateChange = (nextAppState) => {
this.setState({ appState: 'random_value' });
this.setState({ appState: nextAppState });
}
answered Nov 16 '18 at 14:26
user3820315user3820315
11
The appState solution in react-native-circular-progress works for me. I did have the issue when the ART was loaded on the initial screen. In that case calling setState twice within the appState handler seemed to solve the problem.
_handleAppStateChange = (nextAppState) => {
this.setState({ appState: 'random_value' });
this.setState({ appState: nextAppState });
}
answered Nov 16 '18 at 14:26
user3820315user3820315
11
answered Nov 16 '18 at 14:26
user3820315user3820315
11
answered Nov 16 '18 at 14:26
user3820315user3820315
11
answered Nov 16 '18 at 14:26
user3820315user3820315
11
11
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%2f53302552%2fart-library-does-not-work-in-react-native%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
