資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝學
法學如何在 React Native 中顯示進度條？
進度條用於告知使用者內容即將可用。當您向伺服器提交內容並等待伺服器響應時，它最有用。
要使用進度條元件，請使用 npm 安裝 react-native-paper 模組。
安裝 react-native-paper 的命令是：
npm install --save-dev react-native-paper
進度條的基本元件如下：
<ProgressBar progress={progress_number} color="progresscolorbar" />要使用進度條，您需要從 react-native-paper 匯入它，如下所示：
import { ProgressBar} from 'react-native-paper';以下是進度條上的一些重要屬性：
| 序號 | 屬性及描述 |
|---|---|
| 1 | progress 取值為 0 到 10。用於顯示在進度條內的數值。 |
| 2 | color 進度條的顏色。 |
| 3 | visible 取值為 true/false。用於顯示/隱藏進度條。 |
| 4 | style 應用於進度條的樣式。 |
示例：進度條的顯示
顯示進度條非常簡單。首先從 react-native-paper 匯入它。
import { ProgressBar} from 'react-native-paper';顯示進度條的程式碼如下：
<ProgressBar style={{ marginTop:200}} progress={0.5} color="#00BCD4" />預設值為 0.5，它將遞增到 10。
import * as React from 'react';
import { ProgressBar} from 'react-native-paper';
const MyComponent = () => (
<ProgressBar style={{ marginTop:200}} progress={0.5} color="#00BCD4" />
);
export default MyComponent;輸出
更新於：2021年7月1日
808 次瀏覽
廣告