小编Zac*_*ach的帖子

React Native Android负边距

我正在开发一个具有重叠效果的用户头像组件的React Native应用程序:

在此输入图像描述

我能够在iOS上使用它,因为它允许负边距,但是当你在Android上使用负边距时,它会剪切最后一个图像,如下所示:

在此输入图像描述

这是我正在使用的样式:

avatarContainer: {
    borderRadius: 20,
    width: 40,
    height: 40,
    marginRight: -11
},

avatar: {
    borderRadius: 20,
    width: 40,
    height: 40
},
Run Code Online (Sandbox Code Playgroud)

avatarContainer是图像背后的白色圆圈,头像是图像本身.

在两个平台上工作以实现所需样式的最佳方法是什么?

javascript android flexbox reactjs react-native

15
推荐指数
1
解决办法
9140
查看次数

React Native Make View"拥抱"键盘的顶部

假设我有一个绝对位于屏幕底部的视图.该视图包含文本输入.当文本输入被聚焦时,我希望视图的底部触摸键盘的顶部.

我一直在搞乱KeyboardAvoidingView,但键盘一直在我的视线上.是否不可能使这个位置绝对适用?

我可以尝试其他什么方法?谢谢!

javascript react-native

8
推荐指数
3
解决办法
3749
查看次数

React Native Android FlatList onScroll Animation

我有一个带有onScroll函数的FlatList,如下所示:

<Animated.View style={{ transform: [{translateX: this.state.scrollX}] }}>
  <FlatList
    data={ reactionGroup.reactions }
    keyExtractor={ (i) => i.id + uuid.v4() }
    renderItem={ this._renderItem }
    horizontal={ true }
    scrollEventThrottle={1}
    onScroll={ reactionGroup.reactions.length > 1 ? this.onScroll : null }
    showsHorizontalScrollIndicator={ false } />
</Animated.View>

onScroll(event) {
  const { timing } = Animated
  if (event.nativeEvent.contentOffset.x > 0) {
    timing(
      this.state.scrollX,
      { toValue: -60, duration: 100, useNativeDriver: true }
    ).start()
  } else {
    timing(
      this.state.scrollX,
      { toValue: 0, duration: 100, useNativeDriver: true }
    ).start()
  }
},
Run Code Online (Sandbox Code Playgroud)

这在iOS上很有用,但对于Android,动画在FlatList停止滚动之前不会启动. …

javascript android react-native

6
推荐指数
1
解决办法
4849
查看次数

React Native"No bundle URL present"仅限发布模式

我得到"没有捆绑网址." 仅当尝试在xcode中以释放模式运行时.我可以在调试模式下运行应用程序.

我跑了react-native bundle --platform ios --dev false --entry-file index.ios.js --bundle-output ios/main.jsbundle,它给了我以下错误:

Unexpected token: keyword (default)
Run Code Online (Sandbox Code Playgroud)

它不显示错误可能来自的任何行号或文件.有没有更好的方法来获得更多关于此错误的上下文?

我也尝试删除构建文件夹,npm运行清理,删除node_modules文件夹,纱线安装没有运气.

几天前,这个相同的构建对我有用,所以不确定发生了什么变化.我仍然使用相同版本的MacOS,xcode,并做出本机反应.

RN = 0.43.3
Xcode = 8.3.2
MacOS = Sierra 10.12.5
Run Code Online (Sandbox Code Playgroud)

ios react-native

5
推荐指数
1
解决办法
2501
查看次数

Ruby on Rails - 如何在URL中使用破折号而不是下划线?

当我运行rails generate controller Pages index sample_page它时,它创建了我的两个控制器.我可以看到该页面localhost:3000/sample_page,但是如何更改它以在网址中显示破折号而不是下划线,即:localhost:3000/sample-page

当您使用破折号创建控制器时,Rails不喜欢它,所以我必须使用下划线.我需要将什么添加到routes.rb文件中?

谢谢!

ruby-on-rails

1
推荐指数
1
解决办法
2185
查看次数