#react-native #react-native-android
#react-native
Вопрос:
Я использую react-native-progress-circle в своем приложении, он не показывает прогресс на панели выполнения на устройствах Android, отлично работает в ios
constructor(props) {
super(props);
this.state = {
progress: 100,
fadeAnim: new Animated.Value(0),
percent: 100
};
}
Progress() {
timeLeft = this.props.data.time_left;
totalTime = this.props.data.total_time;
if (interval) {
clearInterval(interval);
}
interval = setInterval(() => {
timeLeft = timeLeft - 1;
console.log(timeLeft,"time" )
const percentageLeft = (timeLeft / totalTime) * 100;
this.setState({ progress: parseInt(percentageLeft) }, () => {
console.log(this.state.progress,"pro")
});
if (percentageLeft <= 1) {
clearInterval(interval);
}
}, 1000);
}
componentDidMount() {
console.log("object!!!")
this.Progress();
setInterval(() => {
console.log(this.state.percent,'one more interval')
this.setState({ percent: 50}, ()=> {console.log("fghfg")})
}, 1000);
}
componentDidUpdate(prevProps) {
if (prevProps.socket.checkin_users !== this.props.socket.checkin_users) {
this.Progress();
}
}
<ProgressCircle
percent={this.state.progress}
radius={20}
borderWidth={4}
color="#3399FF"
shadowColor="#eee"
bgColor="#fff"
>
<Svg width={40} height={30}>
<Image
source={{
uri: renderImage(this.props.data.profile_image, "user"),
}}
style={styles.image}
/>
</Svg>
</ProgressCircle>
this my code, anyone has any solution? trying from past 2 days can't find anything
Ответ №1:
Может возникнуть проблема с react-native-progress
ссылкой на собственный ART
модуль из react-native
, который плохо работает с ним.
Вы могли бы попробовать установить версию сообщества с yarn add @react-native-community/art
— Ссылка.
Затем очистите перестроение с помощью cd android amp;amp; ./gradlew clean