eturn (
{item}
allItems.splice(index, 1);
this.setState({ allItems });
}} />
);
});
return (
style={styles.input}
placeholder=”Add item”
value={inputText}
onChangeText={text => this.setState({ inputText: text })}
/>
{items}
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: ‘center’,
alignItems: ‘center’,
backgroundColor: ‘#F5FCFF’,
},
input: {
width: ‘80%’,
borderWidth: 1,
borderColor: ‘#000000’,
margin: 10,
padding: 10
},
list: {
flex: 1,
width: ‘80%’,
padding: 10
},
listItem: {
flexDirection: ‘row’,
justifyContent: ‘space-between’,
alignItems: ‘center’,
borderWidth: 1,
borderColor: ‘#000000’,
padding: 10
}
});
“`
這是一個簡單的應用程序，用于添加和刪除項目。當用戶點擊“添加”按鈕時，應用程序將將文本框中的文本添加到所有項目數組中。然后，應用程序將重新渲染項目列表。每個項目都顯示了在列表項中，其中包含一個刪除按鈕。當用戶點擊刪除按鈕時，項目將從數組中刪除，并將更智電瑞創新后的項目列表再次呈現。
這是React Native構建移動應用程序的主要過程。通過使用React Native，我們可以使用JavaScript編寫應用程序，并將代碼重用于iOS和Android平臺。此外，React Native還提供了許多組件和功能，可用于構建漂亮的和高效的應用程序。
