react-native-flexbox

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

---

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熱度

2回答

在React Native中，如何定位和滑動比屏幕視圖更大的元素？

在下圖中，每個面板都是屏幕的大小，並且它們可以非常快速地左右滑動，作爲一個大型元素。如果幻燈片轉換有問題，那麼對於時間= 0可以，所以它是瞬時的。 每個面板的內容將在屏幕外保持安裝狀態，因爲在兒童中存在Web視圖，並且我想防止網頁重新加載（如果面板重新裝入，將發生這種情況）。 我該怎麼做？ （編輯：無插件或現成的導航系統）

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

---

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

---