如何以一种好的方式在React Native中显示<img/>

时间:2017-09-14 12:43:33

标签: react-native react-native-android react-native-camera

我正在使用react-native-camera库。但我不确定问题是图书馆还是反应原生自我。该问题仅在Android

上发生

我使用react native version 0.39android version is 6.1

问题是当我尝试连续拍摄几张照片时,在第五张照片拍摄后,应用程序崩溃了。我没有收到任何警告错误。

如果相机打开,如果我在相机打开的情况下等待大约15-20秒而没有拍照,它也会崩溃。

在更新,更好的手机(s8 galaxy)和更新的Android版本(7)上,它按预期工作,但在这个上它不起作用。因此,我认为它与内存问题有关。但我不确定。

我已将largeMemoryHeap添加到清单文件中。

在android studio中我得到如下日志文件:

enter image description here

因此,没有错误,没有。但该应用程序无法正常工作。

这些照片呈现的代码卡住如下:

<ScrollView removeClippedSubviews={true}>
      <StatusBar backgroundColor="blue" barStyle="light-content"/>
      <Zoom visible={this.state.zoomVisible} close={() => this.setState({zoomVisible: false})} image={this.state.zoomImage} imageIndex={this.state.zoomIndex} pictures={this.state.zoomPictures} remove={this.onRemoveImage.bind(this)} />
      <View style={{width: width, height: 1, backgroundColor: '#ddd'}} />
           <View style={styles.container}>
               {cards}
           </View>
 </ScrollView>

一个card如下,我卡住了10:

<TouchableHighlight onPress={this.props.onPress} style={styles.card} underlayColor={s.color}>
       <View style={styles.innerCard}>
             <View style={styles.innerImageContainer}>
                  <Image contain='contain' style={styles.innerImage} source={this.props.image}/>
              </View>
              <View style={[styles.innerTitle, {borderBottomWidth: 4, borderBottomColor: this.props.mandatory ? this.props.noImage ? s.paletteMandatory : s.success : '#fff'}]}>
                   <Text style={styles.textTitle} allowFontScaling={false} numberOfLines={1} ellipsizeMode={'tail'}>{this.props.title}</Text>
              </View>
        </View>
</TouchableHighlight>);

我找到了一个我需要添加removeClippedSubviews={true}来滚动视图的地方,但它没有帮助。

在IOS上它运作得很好。

如果有人有想法,我会非常感激吗?

0 个答案:

没有答案