標籤用於在應用程式中實現多頁檢視。標籤通常放置在螢幕頂部或底部。一些庫允許在移動應用程式中建立標籤。標籤可以使用圖示代替文字型別的標籤。在本文中，將顯示帶有兩個不同示例的 React Native 和 Javascript 程式碼，在第一個示例中，使用來自 '@react-navigation/material-bottom-tabs' 的 createMaterialBottomTabNavigator 建立標籤，然後將其渲染為標籤。在另一個示例中，使用 Ionicons 中的圖示建立標籤，然後將其渲染到裝置螢幕上。演算法 1 步驟… 閱讀更多

音訊是移動應用程式的常見元件。音訊可以在應用程式中以多種方式使用。音訊可以選擇自手機，也可以使用任何線上連結，或者可以作為本地音訊包含在專案本身中。Expo-av 可用於在所有這些情況下將聲音整合到移動應用程式中。在本文中，將顯示帶有三個不同示例的 React Native 和 Javascript 程式碼，在第一個示例中，從裝置瀏覽音訊檔案。在第二個示例中，音訊來自線上連結並與… 閱讀更多

有時，任務是顯示一個帶有文字、圖片或顏色的小的邊界區域，並稍後從中檢索更多資訊或在選擇該專案時執行某些操作。為此，可以使用來自 react-native-paper 的 Card。螢幕上也可以使用多個 Card，將其整合作為列表項，並且可以使其可點選。在本文中，將顯示帶有兩個不同示例的 React Native 和 Javascript 程式碼，第一個示例在應用程式中使用帶有影像的單個卡片，第二個示例使用多個卡片… 閱讀更多

標籤用於在應用程式中實現多頁檢視。標籤通常放置在螢幕頂部或底部。一些庫允許在移動應用程式中建立標籤。也可以使用簡單的元件（如按鈕）來建立標籤。在本文中，將顯示帶有兩個不同示例的 React Native 和 Javascript 程式碼，在第一個示例中，使用按鈕建立標籤。在另一個示例中，使用來自 '@react-navigation/material-top-tabs' 的 createMaterialTopTabNavigator 建立標籤，然後將其渲染到裝置螢幕上。演算法 1 步驟 1 − 匯入 Text、View、StyleSheet… 閱讀更多

文字轉語音是一個重要的領域，其中書面語言文字被轉換為語音形式。要使用文字轉語音轉換，可以使用 expo-speech 中的功能。在本文中，將顯示帶有兩個不同示例的 React Native 和 Javascript 程式碼，在第一個示例中，在顯示文字轉語音轉換的同時，顯示音高和速度變化以及原始轉換。在第二個示例中，演示了暫停、恢復和停止方法，使用者還可以在轉換時輸入文字。演算法 1 步驟 1 − 匯入 Text、View、StyleSheet 和… 閱讀更多

有時，任務是在給定範圍內遞增數字。為此，可以使用不同型別的滑塊。不同的庫允許在移動應用程式中使用滑塊。在本文中，將顯示帶有兩個不同示例的 React Native 和 Javascript 程式碼，在第一個示例中，使用“@react-native-community/slider”元件“Slider”。在另一個示例中，使用來自“rn-arc-slider”的稱為 ArcSlider 的圓形滑塊來建立滑塊，然後將其渲染到裝置螢幕上。示例 1：使用來自 'react-native-community/slider' 的 Slider 列印數字的表格。演算法步驟 1 − 匯入… 閱讀更多

有時，任務是在應用程式中繪製基本形狀，例如線條、矩形、圓形等。為此，可以使用來自 'react-native-svg' 的 Svg。在本文中，將顯示帶有四個不同示例的 React Native 和 Javascript 程式碼，在第一個示例中，使用 'react-native-svg' 元件“Svg”和 Circle 繪製圓圈，對其進行樣式化並顯示它們。在第二個示例中，以同心形式繪製不同樣式的圓圈。在第三個示例中，顯示瞭如何製作可點選的圓圈。單擊此圓圈後，簡單的警報會顯示一條訊息。在… 閱讀更多

有時，任務是將多個專案儲存和顯示為列表。為此，可以使用 React Native 元件 Flatlist。FlatList 也可以設定為可選擇或可點選的。在本文中，將顯示帶有兩個不同示例的 React Native 和 Javascript 程式碼，首先將列表的專案儲存為具有唯一 ID 的鍵值對陣列，然後獲取並呈現。演算法演算法 1 步驟 1 − 從 'react-native' 匯入 FlatList、Text 和 View。步驟 2 − 建立 App.js 並編寫儲存列表的程式碼。列表是… 閱讀更多

在 React Native 應用程式中，通常需要多個螢幕。使用者需要從一個螢幕切換到另一個螢幕。在本文中，使用了兩種不同的方法來建立雙螢幕應用程式，使用者可以在其中從一個螢幕切換到另一個螢幕並返回。在示例 1 中，使用來自 'react-navigation' 的 createStackNavigator 模組來實現導航，而在示例 2 中，使用 createSwitchNavigator 建立導航。演算法演算法 1 步驟 1 − 從 'react-navigation' 匯入 createStackNavigator 步驟 2 − 建立 App.js 並編寫從一個螢幕導航到另一個螢幕的程式碼… 閱讀更多