Laravel中使用Filament Form Repeater动态渲染表单字段问题

你遇到的核心问题是：Repeater的schema()闭包是在表单组件初始化阶段一次性执行的，而非针对每一行数据动态执行，因此$get('type')无法获取到当前行的type值（此时要么还没有行数据，要么读取的是父级表单的type字段，而父级不存在该字段），导致无法根据每行的类型渲染对应组件。

方案一：条件渲染（推荐，符合Filament最佳实践） #

在Repeater的schema中定义所有可能的组件，通过visible()方法根据当前行的type值控制显示/隐藏，同时保留type字段作为隐藏字段确保数据绑定：

Step::make('Form')
    ->description('Form submission')
    ->schema([
        Forms\Components\Repeater::make('form')
            ->schema([
                // 隐藏字段，绑定当前行的type值，确保$get('type')能读取到
                Forms\Components\Hidden::make('type'),
                
                // 针对不同type显示对应组件
                Forms\Components\TextInput::make('value')
                    ->visible(fn(Get $get) => $get('type') === 'string'),
                
                Forms\Components\Textarea::make('value')
                    ->visible(fn(Get $get) => $get('type') === 'text'),
                
                SpatieMediaLibraryFileUpload::make('value')
                    ->getUploadedFiles()
                    ->visible(fn(Get $get) => $get('type') === 'image'),
                
                Forms\Components\FileUpload::make('value')
                    ->downloadable()
                    ->visible(fn(Get $get) => $get('type') === 'file'),
                
                Forms\Components\DatePicker::make('value')
                    ->displayFormat('d/m/Y')
                    ->visible(fn(Get $get) => $get('type') === 'date'),
                
                Forms\Components\Textarea::make('note'),
                Forms\Components\Toggle::make('valid'),
            ])
            ->addable(false)
            ->deletable(false)
            ->reorderable(false)
            ->reorderableWithDragAndDrop(false)
            ->columnSpanFull(),
    ])

方案二：动态组件（更简洁） #

使用Filament的DynamicComponent根据type值动态加载对应组件类，减少重复代码：

use Filament\Forms\Components\DynamicComponent;

Step::make('Form')
    ->description('Form submission')
    ->schema([
        Forms\Components\Repeater::make('form')
            ->schema([
                Forms\Components\Hidden::make('type'),
                
                DynamicComponent::make(fn(Get $get) => match($get('type')) {
                    'string' => Forms\Components\TextInput::class,
                    'text' => Forms\Components\Textarea::class,
                    'image' => SpatieMediaLibraryFileUpload::class,
                    'file' => Forms\Components\FileUpload::class,
                    'date' => Forms\Components\DatePicker::class,
                    default => Forms\Components\TextInput::class,
                })
                ->name('value')
                ->configure(function (Forms\Components\Component $component, Get $get) {
                    // 为不同组件添加专属配置
                    if ($component instanceof SpatieMediaLibraryFileUpload) {
                        $component->getUploadedFiles();
                    } elseif ($component instanceof Forms\Components\FileUpload) {
                        $component->downloadable();
                    } elseif ($component instanceof Forms\Components\DatePicker) {
                        $component->displayFormat('d/m/Y');
                    }
                }),
                
                Forms\Components\Textarea::make('note'),
                Forms\Components\Toggle::make('valid'),
            ])
            ->addable(false)
            ->deletable(false)
            ->reorderable(false)
            ->reorderableWithDragAndDrop(false)
            ->columnSpanFull(),
    ])

• 确保模型中form字段已配置JSON类型转换：

  protected $casts = [
      'form' => 'array',
  ];
  

• 如果在Filament资源中使用，需确保资源与模型的字段绑定正确。

内容的提问来源于stack exchange，提问作者Bhazk