react-native-flexbox

6热度

2回答

React-native：如何包装FlatList项目

我有一个查询返回的术语列表。每个是一个单词。目前我的FlatList将每个单词渲染到同一行上的一个按钮（horizo​​ntal = {true}） 我希望按照正常文本的方式来包装按钮。但我绝对不想使用列功能，因为这看起来不太自然。 FlatList可能是一个糟糕的用例吗？有没有其他的组件可以使用？除其他我已经得到 const styles = StyleSheet.create({ f

react-native react-native-flatlist react-native-flexbox 2017-08-05

---

0热度

1回答

有静态和动态高度垂直堆叠视图 - 阵营本地

我想acheive什么形象下面Flexbox的代表阵营本土与意见，如果你有这样一个基本的例子，这将是惊人的：

css3 reactjs react-native flexbox react-native-flexbox 2017-09-26

---

0热度

1回答

无法更改React-native中自定义组件的宽度和高度？

我有一个自定义的最小的无状态组件是这样的： const ViewBox = (props) => ( <View style={ mainStyle : {backgroundColor: 'beige'} }> {props.children} </View> ) export default ViewBox; 所以我想导入和使用它的另一个组件中。 expo

react-native flexbox components react-native-flexbox 2017-11-18

---

1热度

4回答

反应原生flex 50％导致错误

我试图学习反应原生。 我有以下代码： <View> <View style={{flex:0.5,flexDirection="row"}}> <Image source={{uri:"http://image.com/image1.jpg"}} style={{width:100,height:'auto'}} resizeMode={"cover"} /> <

css css3 react-native flexbox react-native-flexbox 2017-10-09

---

1热度

1回答

反应原生：如何动画视图从垂直堆叠到水平

因此，本质上，我有两个视图垂直堆叠开始和按钮按下他们需要动画，所以第一个视图scoots左侧和第二个视图上升并坐在第一个的右侧。看起来很简单，在第一个视图上调整flex并在第二个视图上更改顶部和左侧样式，在IOS上看起来很棒，但是在Android中，这会导致第二个视图在底部切割时出现问题（大概是因为View的flex或height对于内容来说不够高，但不幸的是我无法改变它，因为它会为下面的其余内容

animation layout react-native react-native-flexbox react-animated 2017-07-14

---

1热度

1回答

裹孩子内景阵营本地

我有以下代码： renderActionButtons(actionButtons){ let actionButtonsContent = actionButtons.map((button, i) => { return <TouchableHighlight key={i} onPress={() => {this.updateConversation(button)

css reactjs react-native flexbox react-native-flexbox 2017-09-09

---

0热度

2回答

阵营本地<Text>溢出<View>当柔性

因此，对于上面的图片，我试图让“绿色”框环绕动态文本。请注意，蓝色和黄色文本框的配置是flex: 'row'，文本的蓝色框为flex: 2，黄色为flex: 1。 事情工作正常，直到父容器的文本太大。 我想让绿色容器根据需要生长以适合弯曲的内心孩子。这可能与反应本土？ 这里是什么样子在网络意义上的图像： 我试过设置的绿框有flex: 1但后来它太大了，因为它填满整个屏幕。设置height是可能的，

react-native flexbox react-native-flexbox 2017-07-24

---

0热度

1回答

React Native：如何样式化TextInput？

所以我在我的React Native应用程序中有组件 此组件应该在底部呈现TextInput。 当显示键盘时，容器（包括TextInput和发送按钮）应该在键盘上移动。 另外，我想使输入高度的变化，每次用户点击键盘输入，就像这样： 但我的一切是这样的： 下面是我的代码： test_page2.js import React from 'react' import { View, Text, To

javascript react-native flexbox react-native-flexbox 2017-06-06

---

0热度

1回答

如何获得的所有子视图重叠，并填写他们的父母W /阵营本地Flexbox的

我想有孩子的所有填充可用空间，并彼此重叠，所以才有了最后一个孩子是可见的。 <View style={???}> <View style={???} /> // Not visible (if bg color set on next child) <View style={???} /> </View> 我试过的flex，position，alignSelf: stre

react-native react-native-flexbox 2017-09-14

---

0热度

2回答

在React Native中，如何定位和滑动比屏幕视图更大的元素？

在下图中，每个面板都是屏幕的大小，并且它们可以非常快速地左右滑动，作为一个大型元素。如果幻灯片转换有问题，那么对于时间= 0可以，所以它是瞬时的。 每个面板的内容将在屏幕外保持安装状态，因为在儿童中存在Web视图，并且我想防止网页重新加载（如果面板重新装入，将发生这种情况）。 我该怎么做？ （编辑：无插件或现成的导航系统）

javascript react-native react-native-flexbox 2017-08-07

---