Java 框架在移动开发中的应用

// 为 TextView 创建布局
TextView taskText = new TextView(this);
taskText.setText("买牛奶");

// 为 CheckBox 创建布局
CheckBox taskCheckbox = new CheckBox(this);

// 将视图添加到线性布局
LinearLayout taskLayout = new LinearLayout(this);
taskLayout.setOrientation(LinearLayout.HORIZONTAL);
taskLayout.addView(taskText);
taskLayout.addView(taskCheckbox);

// 将布局添加到根布局
setContentView(taskLayout);

// 使用 Text 小部件创建文本视图
final taskText = Text("买牛奶");

// 使用 Checkbox 小部件创建复选框
final taskCheckbox = Checkbox();

// 将小部件包装到 Row 小部件中
final taskRow = Row(
  children: [
    taskText,
    taskCheckbox,
  ],
);

// 返回 Scaffold 小部件，作为应用程序的主布局
return Scaffold(
  appBar: AppBar(
    title: Text("Todo 管理器"),
  ),
  body: taskRow,
);

// 使用 Text 组件创建文本视图
const taskText = <Text>买牛奶</Text>;

// 使用 CheckBox 组件创建复选框
const taskCheckbox = <CheckBox />;

// 使用 View 组件包装子组件
const taskView = <View style={{ flexDirection: 'row' }}>
  {taskText}
  {taskCheckbox}
</View>;

// 使用 React Native 元素树创建应用程序布局
const App = () => {
  return <View style={{ flex: 1 }}>
    {taskView}
  </View>;
};

export default App;