已解决:垂直对齐居中反应本机视图

最后更新: 09/11/2023

与垂直对齐中心反应本机视图相关的主要问题是它可能导致滚动问题。 当用户向下滚动页面时,屏幕中央的内容将随之向下移动,但屏幕两侧的内容将保持静止。 如果您希望用户能够一次看到您的所有内容,这可能会成为一个问题。

There is no built-in way to vertically align a view in React Native. However, you can use the style property "transform" with the value "translateY(50%)" to vertically center a view.

在 React Native 中没有内置的垂直对齐视图的方法。 但是,您可以使用值为“translateY(50%)”的样式属性“transform”来垂直居中视图。

React Native 中的文本垂直对齐(使用 nativebase)

文本的垂直对齐方式由 TextAlign 属性控制。 存在三个可能的值:

左

中心

右

嵌套文本

在 React Native 中,嵌套文本是一种允许您创建可以包含其他文本字段的文本字段的功能。 如果您想要创建一个包含多个字段的表单,并且您希望保持字段井井有条,这将很有用。

要在 React Native 应用程序中使用嵌套文本,首先要创建一个新的 TextField 组件。 然后,将以下代码添加到构造函数中:

this.state = {};

这将初始化文本字段的状态,使其包含一个空字符串。 接下来,将以下代码添加到 onChange 处理程序:

this.setState({text: this.state.text});

这将使用其中当前的任何值更新文本字段的状态。 最后,在原始组件下方添加一个新的 TextField 组件,并指定它应该用作子字段:

相关文章: