2
A
回答
1
你可以設置的backgroundColor: 'RGBA(0,0,0,0.2)'。
<Modal
animationType={"slide"}
transparent={false}
visible={this.state.modalVisible}
onRequestClose={() => {alert("Modal has been closed.")}}
>
<View style={{flex: 1,backgroundColor: 'rgba(0,0,0,0.2)'}}>
<View style ={{flex:1, alignItems: 'center', justifyContent: 'center'}}>
<View style={{backgroundColor: '#ffffff', width: 300, height: 300}}>
<Text>Hello World!</Text>
</View>
<TouchableHighlight
style={{backgroundColor: '#ffffff', width: 300, height: 40, marginTop: 40}}
onPress={() => {this.setModalVisible(!this.state.modalVisible)}}
>
<Text>Hide Modal</Text>
</TouchableHighlight>
</View>
</View>
</Modal>
+0
我認爲這種類型的菜單是iOS中的本地組件,因爲我在很多應用程序中看到它。我錯了嗎? – Tony
相關問題
- 1. 反應本機隱藏底部導航
- 2. 反應本機抽屜菜單:無法找到變量樣式
- 3. 將菜單文本對齊到底部
- 4. 底部文本對齊或菜單
- 5. 如何在底部禁用反應本機警告消息
- 6. 反應本機WebView渲染底部的意外邊框
- 7. 反應本機ScrollView沒有滾動到底部有時
- 8. 如何在全屏模式下將菜單添加到底部?
- 9. 底部菜單與ActionBarSherlock
- 10. 顯示底部菜單
- 11. 將頂部菜單欄移到底部
- 12. 如何設計反應本機側面菜單?
- 13. 陣營本地操作欄和反應機菜單
- 14. 創建反應本機應用程序 - 使用本機模塊
- 15. 反應本機渲染只有部分
- 16. 自定義Android底部菜單欄
- 17. 更改底部菜單項的背景
- 18. 下拉菜單超過頁面底部
- 19. Android底部導航菜單4項
- 20. 下拉菜單底部空間
- 21. BottomAppBar覆蓋漢堡菜單底部
- 22. Android創建底部酒吧菜單
- 23. 底部導航菜單圖標項
- 24. Android:翻譯底部的菜單
- 25. Android底部條形菜單onclick動作
- 26. 禁用底部菜單動畫
- 27. KeyboardType - 反應本機
- 28. 反應本機onesignal
- 29. 在反應本機
- 30. 反應漢堡菜單onclick
你可以嘗試https://github.com/beefe/react-native-actionsheet – Jayasagar
我發現了一個更好的跨平臺解決方案:https://github.com/beefe/react-native-actionsheet – Tony