我正在开发一个具有重叠效果的用户头像组件的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是图像背后的白色圆圈,头像是图像本身.
在两个平台上工作以实现所需样式的最佳方法是什么?
假设我有一个绝对位于屏幕底部的视图.该视图包含文本输入.当文本输入被聚焦时,我希望视图的底部触摸键盘的顶部.
我一直在搞乱KeyboardAvoidingView,但键盘一直在我的视线上.是否不可能使这个位置绝对适用?
我可以尝试其他什么方法?谢谢!
我有一个带有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停止滚动之前不会启动. …
我得到"没有捆绑网址." 仅当尝试在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) 当我运行rails generate controller Pages index sample_page它时,它创建了我的两个控制器.我可以看到该页面localhost:3000/sample_page,但是如何更改它以在网址中显示破折号而不是下划线,即:localhost:3000/sample-page
当您使用破折号创建控制器时,Rails不喜欢它,所以我必须使用下划线.我需要将什么添加到routes.rb文件中?
谢谢!