如何在react native中将按钮放在右侧和左侧

在React Native中，可以使用Flex布局和样式来将按钮放在右侧和左侧。

将按钮放在右侧：
- 使用Flex布局的justifyContent属性将按钮放在父容器的右侧。可以将父容器的flexDirection属性设置为row，然后将justifyContent属性设置为flex-end。
- 在按钮的样式中，可以设置marginLeft属性来调整按钮与父容器右侧的距离。
- 示例代码：
- 示例代码：

将按钮放在左侧：
- 使用Flex布局的justifyContent属性将按钮放在父容器的左侧。可以将父容器的flexDirection属性设置为row，然后将justifyContent属性设置为flex-start。
- 在按钮的样式中，可以设置marginRight属性来调整按钮与父容器左侧的距离。
- 示例代码：
- 示例代码：

以上代码示例中，使用了React Native的View和Button组件，通过设置样式来实现将按钮放在右侧和左侧的效果。

如何在react native中将按钮放在右侧和左侧

react-native、react-native-android、react-native-ios、react-native-button

如何将五个按钮添加到应用程序的右侧？我已经在左边放了五个按钮，我还需要在右边再放五个按钮，但我不确定怎么做。

浏览 316提问于2021-06-25得票数 1

回答已采纳

1回答

如何将expandableRows图标移动到数据网格的右侧，在react data表组件中

reactjs、expandable、react-data-table-component

到目前为止，道具expandableRows将图标放在左侧，但是我需要在表的右侧看到图标。有办法这样做吗？如何在react data-table-组件中将expandableRows图标移动到行的右侧.到目前为止，它显示在左侧。如何在react data-table中获取行右侧(行尾)中的图标。

浏览 10提问于2022-05-16得票数 1

3回答

如何在React Native中将按钮放在FormInput的右侧？

react-native、textinput

我正在使用TextInput，但无法设置它的宽度，有人能帮我设计一个右边有按钮的FormInput吗？

浏览 11提问于2018-08-06得票数 0

回答已采纳

1回答

是否可以使用带有子页面的反应-导航-抽屉？

reactjs、react-native、react-navigation、side-menu

我正在使用react-native和react-navigation-drawer为导航beetwen屏幕生成一个侧边菜单。我的问题是:是否有一种方法或指南可以将子页面放在侧边菜单中？欢迎任何建议，并预先感谢您在左侧如何显示我的菜单和右侧是我想要的： ?

浏览 40提问于2021-03-01得票数 0

回答已采纳

1回答

如何使用react-native-router-flux使导航栏上的按钮居中？

react-native、react-native-router-flux

我正在使用react-native-router-flux在我的应用程序中导航，我已经设法在导航栏的左侧(汉堡菜单)和右侧创建了按钮，但是我还需要在导航栏的中心位置创建一个按钮，我该怎么做？

浏览 46提问于2019-02-04得票数 0

2回答

如何在语义UI-React中将标签定位在图标下？

javascript、reactjs、semantic-ui、semantic-ui-react

我正在使用语义UI-React。我的问题是如何在图标下放置标签或文本？只有两个默认选项，即图标的左侧和右侧。但是，我想将标签放在图标下面。我正在使用语义反应库。<Button icon labelPosition='left'> Pause在上面的代码片段中，“Pause”标签被添加到按钮中图标的<em

浏览 18提问于2017-12-18得票数 2

回答已采纳

1回答

如何使文本视图/标签显示在视图的左侧，如果文本太多，则在右侧视图下面。

swift、textview

如标题所述，我想在视图的左侧制作文本视图或标签，如果文本太多，则放在右侧视图下面，请检查附呈的图像以进行说明。您可以在右边看到，有一个带有文本和按钮的圆角视图，左边是文本，因为文本太多，所以有些放在图像视图下面，然后在图像视图下交叉到右侧。我在想:计算字符串的高度&必要时将文本分割成两个标签。

浏览 1提问于2017-03-16得票数 3

回答已采纳

1回答

使用react本机路由器流量的自定义navBar

react-native、react-native-router-flux

我似乎找不到任何完整的示例来创建您自己的navBar组件，然后将其连接到react-native-router-flux。有人能帮我吗？从github的问题来看，这似乎是图书馆的一大需求。我想做的是：谢谢!

浏览 2提问于2017-02-14得票数 6

回答已采纳

1回答

按钮的边框宽度不同

android、android-button

如何在android上为按钮设置不同的宽度？比如顶部和底部是2dp，而左侧和右侧是4dp？谢谢。如果我的问题不清楚，我深表歉意。它不是边距或填充。但我想自定义的宽度，如边框-顶部或边框-在css中的左边。这在android中是可能的吗？

浏览 6提问于2011-08-09得票数 0

3回答

使用flex在同一行上对齐两个元素:一个左，一个右

html、reactjs、css、flexbox

我正在尝试使用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

回答已采纳

1回答

如何在onResume中动态调整视图位置(Android / Java)

java、android、onresume

我正在尝试在我正在制作的Android应用程序(Java)中移动按钮。在某些情况下，在onResume()中，我会获得有关按钮的边距信息，然后尝试将按钮放置在屏幕的左侧边缘，并将该边距作为一个细微的间隙，这样看起来就不错了。见下文。ViewGroup.MarginLayoutParams) button.getLayoutParams(); button.setX(lp.leftMargin); 但是，很明显，在我以编程方式设置按钮位置之后因此，我的按钮恰好放在屏幕的中

浏览 29提问于2021-08-04得票数 0

回答已采纳

3回答

如何在按钮中放置两个图标

javascript、reactjs、icons、antd

我试图放置两个图标，一个与wordDocument相关，另一个与下载图标和按钮相关，但一个图标正在覆盖另一个图标，这是代码： authProvider.getIdToken().then(token => { `${process.env.REACT_APP_API_URLFileWordOutlined />), (<DownloadO

浏览 9提问于2020-07-16得票数 2

回答已采纳

1回答

在Sitefinity中创建新模块

module、controls、command、sitefinity

在左侧- CommandPanel -应该有3个按钮-“视频”，“艺术家”和“流派”。我应该将列表直接硬编码到CommandPanel.ascx中吗？我是否应该为视频、艺术家和流派创建新的控件？或者我应该有一个控件和多个面板，我可以显示/隐藏它们？如何将左侧的菜单项与右侧的更改面板连接起来？注意

浏览 2提问于2008-11-17得票数 1

回答已采纳

1回答

RadRibbonBar右侧面板中的文本和图像启动菜单

winforms、telerik

如何在RadRibbonBar右面板开始菜单中只插入文本和图像？或者如何使自定义表单显示在RadRibbonBar右面板开始菜单中？目前看来，我只能插入分隔符、菜单项、按钮和其他一些可点击的有限控件，也不能插入简单的标签和图像。

浏览 10提问于2016-06-05得票数 0

回答已采纳

3回答

如何在屏幕底部放置React Native Button以在多个ios设备上工作

javascript、ios、reactjs、react-native

我知道如何在屏幕上将按钮从A点移动到B点。问题是，我似乎不能让它固定在底部，以在我的ios模拟器的不同形状因素上工作。到目前为止，我已经尝试过marginTop，它将按钮显示在屏幕上，但一旦我将模拟器更改为不同的屏幕大小，按钮就会稍微向上移动。borderWidth: 0, marginTop: 200,} 上面的代码是我的按钮

浏览 0提问于2016-04-05得票数 30

3回答

如何将填充添加到视图中？

android

我试图在我的应用程序中将一个View作为分隔器，将两个元素(两个按钮、两个TextViews或其他东西)分开，我希望在该View的左边和右边有一个填充(以在左侧和右侧移动背景空间)。android:background="#FFFFFF" android:paddingRight="10dp"/> 如何在View的左边

浏览 1提问于2016-08-25得票数 1

回答已采纳

2回答

边界半径在图像上不合适(反应本机)

react-native、image

import React from 'react' }上面的代码当前呈现以下输出(对于更大的屏幕大小，如iPhone 11) 下面是针对较小的设备，如iPhone 8 从这里可以看到，在图像的右侧和</e

浏览 4提问于2022-04-01得票数 0

2回答

如何在这个CSS网格中将内容放在标题的左侧和右侧？

css、grid

如何添加与网格的最右侧部分对齐的附加文本？此外，我还想知道如何垂直对齐文本，因为它目前在中间。我尝试过添加另一个div并使用正当内容和对齐项，但到目前为止，我尝试过的都没有奏效。会很感激你的帮助。

浏览 1提问于2020-10-09得票数 2

回答已采纳

3回答

如何使只有一个用户在左侧和其他人在聊天应用程序与反应-本土-天资-聊天

react-native、react-native-gifted-chat

我已经尝试过像下面这样开发renderMessage和render。, ScrollView, StyleSheet, View } from 'react-native';import { Button, List } from 'react-native-paper

浏览 0提问于2019-06-05得票数 1

回答已采纳

1回答

如何用XML改变按钮可绘制背景的方向

java、android、android-layout、android-button

我有两个按钮(左和右)与一个背景可绘制。我不想再创建一个背景，只是为了将角的一侧改为左侧，那么如何在XML文件中旋转具有右侧角的背景以将角放在左侧？

浏览 0提问于2020-07-08得票数 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

如何在react native中将按钮放在右侧和左侧

相关·内容

如何在react native中将按钮放在右侧和左侧

如何将expandableRows图标移动到数据网格的右侧，在react data表组件中

如何在React Native中将按钮放在FormInput的右侧？

是否可以使用带有子页面的反应-导航-抽屉？

如何使用react-native-router-flux使导航栏上的按钮居中？

如何在语义UI-React中将标签定位在图标下？

如何使文本视图/标签显示在视图的左侧，如果文本太多，则在右侧视图下面。

使用react本机路由器流量的自定义navBar

按钮的边框宽度不同

使用flex在同一行上对齐两个元素:一个左，一个右

如何在onResume中动态调整视图位置(Android / Java)

如何在按钮中放置两个图标

在Sitefinity中创建新模块

RadRibbonBar右侧面板中的文本和图像启动菜单

如何在屏幕底部放置React Native Button以在多个ios设备上工作

如何将填充添加到视图中？

边界半径在图像上不合适(反应本机)

如何在这个CSS网格中将内容放在标题的左侧和右侧？

如何使只有一个用户在左侧和其他人在聊天应用程序与反应-本土-天资-聊天

如何用XML改变按钮可绘制背景的方向

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐