如何在react native中将按钮放在右侧和左侧
在React Native中，可以使用Flex布局和样式来将按钮放在右侧和左侧。
- 将按钮放在右侧：
- 使用Flex布局的
justifyContent属性将按钮放在父容器的右侧。可以将父容器的flexDirection属性设置为row，然后将justifyContent属性设置为flex-end。 - 在按钮的样式中，可以设置
marginLeft属性来调整按钮与父容器右侧的距离。 - 示例代码：
- 示例代码：
- 使用Flex布局的
- 将按钮放在左侧：
- 使用Flex布局的
justifyContent属性将按钮放在父容器的左侧。可以将父容器的flexDirection属性设置为row，然后将justifyContent属性设置为flex-start。 - 在按钮的样式中，可以设置
marginRight属性来调整按钮与父容器左侧的距离。 - 示例代码：
- 示例代码：
- 使用Flex布局的
以上代码示例中，使用了React Native的View和Button组件，通过设置样式来实现将按钮放在右侧和左侧的效果。
相关·内容
如何将五个按钮添加到应用程序的右侧？我已经在左边放了五个按钮，我还需要在右边再放五个按钮，但我不确定怎么做。
浏览 316提问于2021-06-25得票数 1
回答已采纳
到目前为止，道具expandableRows将图标放在左侧，但是我需要在表的右侧看到图标。有办法这样做吗？如何在react data-table-组件中将expandableRows图标移动到行的右侧.到目前为止，它显示在左侧。如何在react data-table中获取行右侧(行尾)中的图标。
浏览 10提问于2022-05-16得票数 1
我正在使用TextInput，但无法设置它的宽度，有人能帮我设计一个右边有按钮的FormInput吗？
浏览 11提问于2018-08-06得票数 0
回答已采纳
1回答
我正在使用react-native和react-navigation-drawer为导航beetwen屏幕生成一个侧边菜单。我的问题是:是否有一种方法或指南可以将子页面放在侧边菜单中？欢迎任何建议，并预先感谢您在左侧如何显示我的菜单和右侧是我想要的： ?
浏览 40提问于2021-03-01得票数 0
回答已采纳
我正在使用react-native-router-flux在我的应用程序中导航，我已经设法在导航栏的左侧(汉堡菜单)和右侧创建了按钮，但是我还需要在导航栏的中心位置创建一个按钮，我该怎么做？
浏览 46提问于2019-02-04得票数 0
2回答
我正在使用语义UI-React。我的问题是如何在图标下放置标签或文本？只有两个默认选项，即图标的左侧和右侧。但是，我想将标签放在图标下面。我正在使用语义反应库。<Button icon labelPosition='left'> Pause在上面的代码片段中，“Pause”标签被添加到按钮中图标的<em
浏览 18提问于2017-12-18得票数 2
回答已采纳
如标题所述，我想在视图的左侧制作文本视图或标签，如果文本太多，则放在右侧视图下面，请检查附呈的图像以进行说明。
您可以在右边看到，有一个带有文本和按钮的圆角视图，左边是文本，因为文本太多，所以有些放在图像视图下面，然后在图像视图下交叉到右侧。我在想:计算字符串的高度&必要时将文本分割成两个标签。
浏览 1提问于2017-03-16得票数 3
回答已采纳
我似乎找不到任何完整的示例来创建您自己的navBar组件，然后将其连接到react-native-router-flux。有人能帮我吗？从github的问题来看，这似乎是图书馆的一大需求。我想做的是：
谢谢!
浏览 2提问于2017-02-14得票数 6
回答已采纳
1回答
如何在android上为按钮设置不同的宽度？比如顶部和底部是2dp，而左侧和右侧是4dp？谢谢。如果我的问题不清楚，我深表歉意。它不是边距或填充。但我想自定义的宽度，如边框-顶部或边框-在css中的左边。这在android中是可能的吗？
浏览 6提问于2011-08-09得票数 0
我正在尝试使用flex来对齐同一行上的按钮:按钮"Back“应该在左边，按钮"Continue”应该在右边(行的末尾)。}
align-content: flex-end;<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"><&
浏览 0提问于2018-03-16得票数 3
回答已采纳
我正在尝试在我正在制作的Android应用程序(Java)中移动按钮。在某些情况下，在onResume()中，我会获得有关按钮的边距信息，然后尝试将按钮放置在屏幕的左侧边缘，并将该边距作为一个细微的间隙，这样看起来就不错了。见下文。ViewGroup.MarginLayoutParams) button.getLayoutParams(); button.setX(lp.leftMargin); 但是，很明显，在我以编程方式设置按钮位置之后因此，我的按钮恰好放在屏幕的中
浏览 29提问于2021-08-04得票数 0
回答已采纳
3回答
如何在按钮中放置两个图标
、、、
我试图放置两个图标，一个与wordDocument相关，另一个与下载图标和按钮相关，但一个图标正在覆盖另一个图标，这是代码： authProvider.getIdToken().then(token => { `${process.env.REACT_APP_API_URLFileWordOutlined />), (<DownloadO
浏览 9提问于2020-07-16得票数 2
回答已采纳
1回答
在左侧- CommandPanel -应该有3个按钮-“视频”，“艺术家”和“流派”。我应该将列表直接硬编码到CommandPanel.ascx中吗？我是否应该为视频、艺术家和流派创建新的控件？或者我应该有一个控件和多个面板，我可以显示/隐藏它们？如何将左侧的菜单项与右侧的更改面板连接起来？
注意
浏览 2提问于2008-11-17得票数 1
回答已采纳
如何在RadRibbonBar右面板开始菜单中只插入文本和图像？或者如何使自定义表单显示在RadRibbonBar右面板开始菜单中？目前看来，我只能插入分隔符、菜单项、按钮和其他一些可点击的有限控件，也不能插入简单的标签和图像。
浏览 10提问于2016-06-05得票数 0
回答已采纳
我知道如何在屏幕上将按钮从A点移动到B点。问题是，我似乎不能让它固定在底部，以在我的ios模拟器的不同形状因素上工作。到目前为止，我已经尝试过marginTop，它将按钮显示在屏幕上，但一旦我将模拟器更改为不同的屏幕大小，按钮就会稍微向上移动。borderWidth: 0, marginTop: 200,}
上面的代码是我的按钮
浏览 0提问于2016-04-05得票数 30
3回答
我试图在我的应用程序中将一个View作为分隔器，将两个元素(两个按钮、两个TextViews或其他东西)分开，我希望在该View的左边和右边有一个填充(以在左侧和右侧移动背景空间)。android:background="#FFFFFF" android:paddingRight="10dp"/>
如何在View的左边
浏览 1提问于2016-08-25得票数 1
回答已采纳
import React from 'react' }上面的代码当前呈现以下输出(对于更大的屏幕大小，如iPhone 11)
下面是针对较小的设备，如iPhone 8
从这里可以看到，在图像的右侧和</e
浏览 4提问于2022-04-01得票数 0
如何添加与网格的最右侧部分对齐的附加文本？此外，我还想知道如何垂直对齐文本，因为它目前在中间。我尝试过添加另一个div并使用正当内容和对齐项，但到目前为止，我尝试过的都没有奏效。会很感激你的帮助。
浏览 1提问于2020-10-09得票数 2
回答已采纳
我已经尝试过像下面这样开发renderMessage和render。, ScrollView, StyleSheet, View } from 'react-native';import { Button, List } from 'react-native-paper
浏览 0提问于2019-06-05得票数 1
回答已采纳
1回答
我有两个按钮(左和右)与一个背景可绘制。我不想再创建一个背景，只是为了将角的一侧改为左侧，那么如何在XML文件中旋转具有右侧角的背景以将角放在左侧？
浏览 0提问于2020-07-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
