他们有Flex: 1.当我给这个的父元素设置背景颜色时，它会改变所有需要填充的区域。我需要做的是所有对象的背景必须是相等的。import React, { Component } from "react";import { TouchableOpacity } from "r
浏览 28提问于2020-12-23得票数 0
回答已采纳
我使用了react-native + native-base，并使用了一个简单的布局页眉内容页脚。我在部分中使用MapView，我希望地图填充内容区域。如果我在MapView的样式中指定了宽度和高度，那么地图显示得很好。如果我将MapView的样式设置为flex :1，则不会显示地图 * Sample React Native App
* ht
浏览 1提问于2016-10-21得票数 4
即使我可以获得屏幕方向的更改来更新状态和重新呈现，ImageBackground组件仍然不会更新其宽度。我有以下代码： onLayout={event => this.mylayoutchange(event)}> style={{ flex: 1, width: this.state.width, height: thi
浏览 9提问于2020-10-16得票数 8
回答已采纳
我试图在React Native中实现以下效果：图像的角落里有一个按钮。无论图像的大小或纵横比如何，按钮始终位于图像的角落内，并且图像的任何部分都不会被裁剪(它始终被缩小以完全适合一个框)。我在React Native中遇到的问题是image组件的大小并不总是与缩小后的图像大小相匹配。如果我将图像的高度固定为300，设置flex 1以使图像的宽度扩展以填充其内容，图像是一个肖像，image组件的宽度是容器的整个宽度
浏览 1提问于2017-10-05得票数 11
我试着用flex: 1用黑色填充整个屏幕。但是结果是这样的
<View flex: 1, }}我也尝试过使用
浏览 79提问于2020-03-03得票数 0
2回答
我正在学习，反应本地人，并在过程中，试图实现一个布局设计，将有8个视图的一行，宽度应该自动调整根据宽度的设备。 <View style={{flex: 1, flexDirection: 'row', flexWrap:'wrap'}}>
浏览 4提问于2018-02-26得票数 0
1回答
我是第一次使用React Native。我需要实现一个ScrollView，但它根本不起作用。我向它添加了多个组件，当我尝试滚动时，什么也没有发生，文本从屏幕上消失，我看不到它。keyboardVerticalOffset = {64} width: '55%',
heigh
浏览 2提问于2018-02-08得票数 0
2回答
我在react-native app中使用react-native app。react-navigation确实有预置的SafeAreaView。但是，我对SafeAreaView的底部填充有非常具体的设计，如下所示：
1)自定义SafeAreaView的颜色，即我需要在红色框中指定底部填充的自定义单一颜色。其中一个例子是页面上的页脚是两个不同颜色的按钮，每个按钮分裂成50%的宽度。该设计特别需要底部填充，以跟随按钮的颜色，如所示。:
浏览 3提问于2020-01-19得票数 2
回答已采纳
2回答
因此，无论设备宽度是多少，代码应该始终每行只返回3个按钮。按钮的宽度应根据宽度自动收缩，以容纳每行3个按钮。...frame: { flexDirection: 'row', width: window.width
},
浏览 5提问于2017-08-15得票数 0
回答已采纳
1回答
在我的React Native应用程序中，我的屏幕上开始出现一些奇怪的间隙。我已经简化了一个屏幕，所以你可以在这里看到问题： <View style={{flex: 1, backgroundColor: 'green'}}>
</SafeAreaView>
当我进入
浏览 43提问于2021-05-22得票数 2
回答已采纳
<ImageBackground source={defaultImage} style={{ flex: 1 }} resizeMode="contain">
</ImageBackground>
浏览 0提问于2019-08-28得票数 0
1回答
} from 'react-native'; Container,} from 'native-base';
import ChildComponent from '.: 1, flexGrow: 1, flexDirection: 'row' }}，则不会</
浏览 0提问于2019-06-23得票数 3
回答已采纳
1回答
import React from 'react'; return (<View style={{flex: 1}}>
<Text style={{marginTop: 80, backgroundColor: 'red'}}>EXAMPLE</Text>
浏览 3提问于2021-03-13得票数 0
回答已采纳
3回答
我想用一个全宽度的Android屏幕图像来制作一个屏幕，但是，由于某种原因，我做不到。我已经完成了所有可用的解决方案，但它仍然存在。Image>我的样式表：loginContainer: { flex: 1,}, alignSelf: 'stretc
浏览 4提问于2016-01-13得票数 2
回答已采纳
正如您所看到的，背景颜色一直运行到宽度的末端。在文本周围使用背景色会很好。 ?
浏览 10提问于2019-06-30得票数 3
回答已采纳
index.ios.jsimport { TabBarIOS, StyleSheet, Viewimport CameraTab from './views/FilesTab.ios.js';
import Icon from
浏览 0提问于2016-12-30得票数 0
回答已采纳
1回答
我想在我的应用程序中放两个宽度为4:6的视图，并将文本放入其中。import React, { Component } from 'react'; render() { <View style={{flex
浏览 2提问于2017-03-22得票数 1
回答已采纳
我是开发React Native应用程序的新手。我想在一行中对齐多个(也许三个) React Native元素'Tile‘，类似于2X3矩阵样式。我正在尝试使用flexbox，但无法达到效果。下面是我的代码：import { Text, View, TextInput, StyleSheet } from'react-native</em
浏览 4提问于2018-07-29得票数 0
回答已采纳
我们有一个span标签的自定义渲染器，但是我找不到任何方法来强迫跨度达到全宽度。我试着将自定义渲染器封装在View中，并应用所有常见的React-原生样式--没有运气。
浏览 6提问于2021-12-03得票数 2
回答已采纳
3回答
在我的React-Native应用程序中，我的头中有一个图标和。const { params = {} } = navigation.state; headerTitle: <StatusBar default style={{ <em
浏览 0提问于2019-03-04得票数 0
回答已采纳
云服务器
ICP备案
对象存储
云点播
实时音视频
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号