A framework for building native apps using React
Overall
score
100%
Evaluation — 100%
↑ 1.06xAgent success when using this tile
Basic Styling (StyleSheet.create, Flexbox)
StyleSheet.create usage
100%
100%
Flexbox layout
75%
100%
Typography and spacing
100%
100%
View component
100%
100%
Text component
100%
100%
Image component
100%
100%
Style properties
100%
100%
Conditional styling
100%
100%
Basic List Components (FlatList, SectionList)
FlatList Usage
100%
100%
FlatList Data Prop
100%
100%
FlatList RenderItem
100%
100%
FlatList KeyExtractor
100%
100%
SectionList Usage
100%
100%
SectionList Data Structure
100%
100%
SectionList RenderSectionHeader
100%
100%
Pull-to-Refresh Implementation
100%
100%
Advanced Input Components (InputAccessoryView)
InputAccessoryView Usage
100%
100%
NativeID Linking
100%
100%
TextInput Integration
100%
100%
Keyboard Dismissal
100%
100%
Button Components
100%
100%
List Performance Optimization (VirtualizedList, getItemLayout)
Uses FlatList/VirtualizedList
100%
100%
Implements getItemLayout
100%
100%
Extracts keyExtractor
100%
100%
Implements renderItem
100%
100%
Custom Accessibility Actions
accessibilityActions prop
100%
100%
onAccessibilityAction handler
100%
100%
Accessibility labels
100%
100%
Action implementation
100%
100%
Action labels
90%
90%
Layout Components (KeyboardAvoidingView, Modal)
KeyboardAvoidingView usage
100%
100%
Platform-specific behavior
100%
100%
Modal component usage
100%
100%
Modal visibility control
100%
100%
Modal transparency
100%
100%
Modal dismissal
100%
100%
Advanced Transforms (2D/3D transformations, perspective)
Transform property usage
100%
100%
Y-axis rotation (rotateY)
100%
100%
Perspective transform
100%
100%
Back face rotation
100%
100%
Backface visibility
100%
100%
User Input Components (TextInput, Button, Switch)
TextInput Usage
100%
100%
TextInput Configuration
100%
100%
Switch Component
100%
100%
Switch State Management
100%
100%
Button Component
0%
100%
Button Validation
100%
100%
Appearance and Theming (useColorScheme, Appearance)
useColorScheme Hook Usage
100%
100%
Dynamic Theme Application
100%
100%
Automatic Re-rendering
100%
100%
Appropriate Color Contrast
100%
100%
Component Structure
100%
100%
Gesture Handling (PanResponder)
PanResponder Creation
60%
100%
Gesture Grant Handler
33%
100%
Gesture Move Handler
40%
100%
Gesture Release Handler
53%
100%
Animated.Value Usage
100%
100%
Animated.View Component
100%
100%
PanResponder Handlers Attachment
100%
100%
Install with Tessl CLI
npx tessl i tessl/npm-react-native@1000.0.0