小编ZJL*_*ZJL的帖子

正如标题所提到的,我对RN中使用的布局大小值的单位感到困惑.在文档中,下面的代码表明它使用dp而不是像素作为大小单位.这里getPixelSizeForLayoutSize()函数尝试将dp值转换为像素值.但是,在实际应用程序中,当使用PixelRatio.get()不分割大小值(高度/宽度等)时,我的组件会超出屏幕范围.非常感谢您的澄清!

var image = getImage({
  width: PixelRatio.getPixelSizeForLayoutSize(200),
  height: PixelRatio.getPixelSizeForLayoutSize(100),
});
<Image source={image} style={{width: 200, height: 100}} />

我目前正在使用ViewPagerAndroid组件来执行匹配/不匹配功能,该功能需要在组件的源数据中进行动态数据更新.视图分页器的子代由函数makeItems(this.state.data)生成,它返回一个键控视图数组.即[<View key = {1} />,<View key = {2} /> ....],索引是从源数据生成数组的for循环的索引.视图包含可触摸高亮显示的复合视图,但所有视图都包含在视图容器中.我将数据保存在组件的状态中,每当它更新时,我调用setState和ViewPagerAndroid.setPage(0).当我减少数据(拼接)时数据更新工作正常,但是当我向阵列添加新数据时返回新数据的空视图.更新前的数据显示正确.我检查了我的makeItems()函数,更新的数据已经正确传递.

<ViewPagerAndroid
  name='Page Viewer 1'
  style={styles.matchingPanelViewPager}
  initialPage={this.state.currentPage}
  onPageSelected={(e) => {console.log(e.nativeEvent.position);}}
  ref={viewPager => { this.viewPager = viewPager; }}
>
  {this.makeItems(this.state.data)}
</ViewPagerAndroid>

我在Mac OS X,Genymotion,Android 4.2.2上使用RN0.16.0.

非常感谢你的帮助!

当前支持的获取图像的方式是将 {uri:link} 对象插入到 Image 的 source props 中，但是，这没有启用身份验证。有没有办法将身份验证令牌插入到 url 调用中或以其他方式进行身份验证以检索图像？多谢！

  < Image
    style={styles.logo}
    source={{uri: 'http://facebook.github.io/react/img/logo_og.png'}}
  />