已解決:垂直對齊居中反應本機視圖

與垂直對齊中心反應本機視圖相關的主要問題是它可能導致滾動問題。 當用戶向下滾動頁面時,屏幕中央的內容將隨之向下移動,但屏幕兩側的內容將保持靜止。 如果您希望用戶能夠一次看到您的所有內容,這可能會成為一個問題。

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 組件,並指定它應該用作子字段:

相關文章:

發表評論