React Nativeで配列要素のループ処理

やりたいこと

配列から値を取ってきて、特定の順番の処理を繰り返したい
例）user1のname → user1のemail → user2のname → user2のemail

コード

 // 配列
const users = [
  {
    id: 1,
    name: 'John Doe',
    mail: '[e-mail]',
  },
  {
    id: 2,
    name: 'Yamada taro',
    mail: '[e-mail]',
  },
];

// 処理
const App = () => {
  // Viewをreturnで囲うとループ処理で上から順に取ってくれる！
  return (
    <View>
      <View style={styles.container}>
        {users.map((user) => (
          <View>
            <Text>{user.name}</Text>
            <Text>{user.mail}</Text>
          </View>
        ))}
      </View>
    </View>
  );