小编Won*_*Suh的帖子

React Native Touchable正在禁用ScrollView

我是React Native的新手,所以我可能会问一些非常明显的事情,但请帮忙.

我有一个可触摸的视图,所以整个区域响应攻丝.然后将ScrollView嵌套在视图中.整体结构是这样的:

<TouchableWithoutFeedback onPress={this.handlePress.bind(this)}>
    <View>
        <ScrollView>
            <Text>Hello, here is a very long text that needs scrolling.</Text>
        <ScrollView>
    </View>
</TouchableWithoutFeedback>
Run Code Online (Sandbox Code Playgroud)

编译并运行时,会检测到点击,但滚动视图根本不会滚动.我使上面的代码简洁明了,但每个组件都有正确的样式,我可以看到所有渲染都很好,长文本在ScrollView的底部被截断.请帮忙.

谢谢!

scrollview react-native

28
推荐指数
5
解决办法
9929
查看次数

从设备本地文件系统响应本机webview负载

我试图加载.html,.js,.css从设备的本地文件系统中的文件到本机作出反应的WebView组件.我能够获取index.html文件的路径,但将其指定为WebView 的url只会引发错误.我该怎么做?请帮忙!

webview react-native

18
推荐指数
4
解决办法
2万
查看次数

React Native rotateY 导致文本模糊

我正在 React Native 中为 iOS 设备开发一个翻盖组件,这就是我的方法:

<Animated.View ref="container" style={{position:'relative',transform:[{rotateY:'0deg'}]}}>
    <View ref="frontFace"><Text>Front face</Text></View>
    <View ref="backFace" style={{transform:[{rotateY:'-180deg'}]}}><Text>Back face</Text></View>
</Animated.View>
Run Code Online (Sandbox Code Playgroud)
  1. 使用容器视图中的绝对位置重叠两个视图
  2. 使用rotateY翻转背面:'-180deg'
  3. 当轻按翻转按钮时,通过将容器的 rotateY 从“0deg”插入到“180deg”,使用 Animated 组件翻转容器

对上面过于简化的代码感到抱歉——这段代码也能正常运行。问题在于模拟器中的背面模糊,并且在设备上像素化难看。

有没有办法来解决这个问题?或者关于如何实现翻盖组件的任何更好的建议?

谢谢!!!

react-native

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

标签 统计

react-native ×3

scrollview ×1

webview ×1