MVP-Demo: 一个全方位的React Native实践项目

以下是一个简化的React Native项目结构示例，展示了如何在一个React Native项目中实现MVP模式：

// 项目结构示例
 
// model/User.js
export default class User {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
 
  // 用户的方法，例如获取用户信息
  getInfo() {
    return `My name is ${this.name} and I am ${this.age} years old.`;
  }
}
 
// presenter/UserPresenter.js
import User from '../model/User';
 
export default class UserPresenter {
  constructor(view) {
    this.view = view;
    this.user = new User();
  }
 
  // 初始化用户数据
  initUserData(name, age) {
    this.user.name = name;
    this.user.age = age;
    this.view.render(this.user);
  }
}
 
// view/UserView.js
export default class UserView {
  constructor(presenter) {
    this.presenter = presenter;
  }
 
  // 渲染用户信息
  render(user) {
    console.log(user.getInfo());
    // 实际渲染逻辑，例如在屏幕上显示用户信息
  }
}
 
// index.js
import UserPresenter from './presenter/UserPresenter';
import UserView from './view/UserView';
 
const presenter = new UserPresenter(new UserView(presenter));
presenter.initUserData('Alice', 30);

这个示例展示了如何在一个React Native项目中使用MVP模式来组织代码。User类代表了模型层，UserPresenter处理与视图层的交互，而UserView负责渲染用户界面。这样的分层架构使得代码更加清晰且易于维护。