探索Cairn：React Native的智能样式管理框架

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
 
export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>Welcome to Cairn!</Text>
      </View>
    );
  }
}
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
    color: '#333333',
  },
});

这段代码展示了如何在React Native应用中使用StyleSheet来定义样式，并将其应用于Text元素。通过这个例子，开发者可以了解如何使用Cairn框架来创建和管理样式，这有助于他们更好地理解和应用智能样式管理的概念。